Skeleton

Блок

Карточка-заглушка

Строки текста

Входные параметры

ИмяТипПо умолчаниюОписание
widthstring | numberundefinedШирина блока (число — px, строка — CSS-значение).
heightstring | numberundefinedВысота блока.
circlebooleanfalseКруглая форма.
radiusstringundefinedРадиус скругления.
linesnumber1Количество строк-заглушек (при > 1 рендерит группу).

Описание

Компонент C3Skeleton — заглушка загрузки с пульсацией: одиночный блок, круг или группа строк. Используется для отображения плейсхолдера контента во время загрузки данных.

Укажите width и height для одиночного блока, circle для круглой формы, либо lines для рендера нескольких строк с обрывом последней.

Дополнительная информация

  • Числовые значения width/height интерпретируются как px, строковые — как есть.
  • В круглой форме применяется скругление 50% (независимо от radius).
  • При lines > 1 последняя строка укорачивается до 60% ширины.
  • Компонент скрыт от скринридеров атрибутом aria-hidden="true".
×