Состояния и скелетоны
ts
import { StateBlock, Callout, EmptyState, BusyOverlay, FullscreenDimmer, LoadingState, OverlayWaitPanel, ProgressBar, Skeleton, SkeletonText, SkeletonAvatar, SkeletonListRow, SkeletonEntityCard, SkeletonGrid, SkeletonFeedPost } from '@rynt/sdk';Состояния
| Компонент | Описание |
|---|---|
StateBlock | Блок-заглушка для любого состояния |
Callout | Информационный блок. variant: 'info' | 'warning' | 'error' |
EmptyState | Пустое состояние с иконкой, текстом и действием |
BusyOverlay | Оверлей загрузки |
FullscreenDimmer | Затемнение на весь экран |
LoadingState | Компактное состояние загрузки |
OverlayWaitPanel | Панель с индикацией ожидания |
ProgressBar | Индикатор прогресса |
Скелетоны
Скелетоны — пульсирующие заглушки, которые показываются, пока данные загружаются.
| Компонент | Описание |
|---|---|
Skeleton | Базовый блок. width?: string, height?: string |
SkeletonText | Строки текста (1–3), последняя короче |
SkeletonAvatar | Кружок аватара. size: 'sm' | 'md' | 'lg' |
SkeletonListRow | Строка: аватар + два блока текста |
SkeletonEntityCard | Карточка сущности: миниатюра + текст |
SkeletonGrid | Сетка карточек. count (default 8), cols (default 3) |
SkeletonFeedPost | Пост в ленте: баннер + текст |