Skeleton

Пример использования

Настройка анимации

• Свойство duration отвечает за длительность анимации;
• Свойство colorFrom отвечает за начальный цвет анимации;
• Свойство colorTo отвечает за конечный цвет анимации.

<Skeleton colorFrom="#f0f0f0" colorTo="#e0e0e0" duration={1.5} />

Отключение анимации

Отключить анимацию можно с помощью свойства noAnimation:

Особенности

• Поддерживается автоматическая высота для текстовых блоков:

• Собственные размеры можно задавать через CSS-переменные:

<Skeleton inlineSize="var(--custom-width)" blockSize="var(--custom-height)" />

Свойства и методы