Скелетон

Демонстрирует макет компонента или приложения до появления реальных данных и отображает процесс загрузки.

Используется

  • Для отображения процесса загрузки контента при переходе на страницу.
  • Для знакомства пользователя с расположением контента на странице.

Не используется

  • Для отображения процесса загрузки всей страницы или контента внутри компонента при взаимодействии. Используйте для этого Loading.

Строение компонента

Строение компонента

  1. Скелетон

Цвета

Размеры

Размеры

Поведение

  • Скелетоны исчезают сразу после загрузки компонента

Ссылки на сторонние полезные материалы про UX

Новое мажорное обновление!
Мы активно разрабатываем дизайн систему CDS 3.0 на Vue 3