Skeleton
Блок
Карточка-заглушка
Строки текста
Входные параметры
| Имя | Тип | По умолчанию | Описание |
|---|---|---|---|
width | string | number | undefined | Ширина блока (число — px, строка — CSS-значение). |
height | string | number | undefined | Высота блока. |
circle | boolean | false | Круглая форма. |
radius | string | undefined | Радиус скругления. |
lines | number | 1 | Количество строк-заглушек (при > 1 рендерит группу). |
Описание
Компонент C3Skeleton — заглушка загрузки с пульсацией: одиночный блок, круг или группа строк. Используется для отображения плейсхолдера контента во время загрузки данных.
Укажите width и height для одиночного блока, circle для круглой формы, либо lines для рендера нескольких строк с обрывом последней.
Дополнительная информация
- Числовые значения
width/heightинтерпретируются как px, строковые — как есть. - В круглой форме применяется скругление 50% (независимо от
radius). - При
lines > 1последняя строка укорачивается до 60% ширины. - Компонент скрыт от скринридеров атрибутом
aria-hidden="true".