CoreSkeleton

Живой MDC-рендер и исходник для копирования.

Живой рендер

Так ContentRenderer отрисует этот контент на реальной странице.

Заглушка на месте ещё не загрузившегося контента. Сама заглушка статична — переключение состояния загрузки делают в коде.

Формы

shape — text, circle или rect (по умолчанию):

Размеры и анимация

width/height задают размер, animation — характер перелива:

Исходник (MDC)

Тот же код текстом — скопируйте в свой контент как есть.

MDC

Заглушка на месте ещё не загрузившегося контента. Сама заглушка статична — переключение состояния загрузки делают в коде.

### Формы

`shape` — `text`, `circle` или `rect` (по умолчанию):

::div{.flex.flex-wrap.gap-2}
  ::core-skeleton{shape="text"}
  ::
  ::core-skeleton{shape="circle"}
  ::
::

### Размеры и анимация

`width`/`height` задают размер, `animation` — характер перелива:

::core-skeleton{shape="rect" width="240" height="64" animation="pulse"}
::