ЛоадерыНовое
Лоадер-сетка
Сетка 3×3, как индикатор на приборе. Больше сорока готовых узоров и три режима мигания.
Настройки
color
Основано на Grid Loader (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
11 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| pattern | PresetPattern | GridMatrix | "plus-hollow" | Узор из 9 клеток: готовый или своя матрица 3×3. |
| mode | 'pulse' | 'sequence' | 'stagger' | "pulse" | Как мигают клетки: вместе, сменой узоров или волной. |
| sequence | Array<PresetPattern | GridMatrix> | — | Узоры по очереди для режима sequence. |
| speed | 'slow' | 'normal' | 'fast' | "normal" | Скорость анимации. |
| size | 'sm' | 'md' | 'lg' | 'xl' | number | "md" | Размер лоадера или число в пикселях. |
| color | string | "white" | Цвет клеток: white или любой CSS-цвет. |
| gap | number | 0 | Зазор между клетками в пикселях. |
| blur | number | 0 | Размытие в пикселях для мягкого свечения. |
| rounded | boolean | false | Круглые клетки вместо квадратных. |
| static | boolean | false | Показать узор без анимации. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 3
npm install motion clsx tailwind-merge