Skeleton

Плейсхолдер загрузки на shadcn — <div> с pulse-анимацией. Форма и размер задаются классами (h-*, w-*, rounded-*) через className; базовые стили (animate-pulse rounded-md bg-accent) можно перекрыть через tailwind-merge.

Variants — готовые конфигурации компонента: один и тот же компонент с разными преднастроенными пропсами. Витрина состояний (напр. обычный Select и Select с расширенной информацией — два варианта).

Examples — приёмы в коде: как решить задачу. Напр. как разные Data Provider’ы работают с компонентом (рецепты использования).

Размер и скругление — через className: строка текста, круг (аватар), блок.

Загрузка демо…

Несколько строк разной ширины — имитация абзаца во время загрузки.

Загрузка демо…