ЛоадерыНовое
Лоадер-капсулы
Ряд узких капсул, в которых по очереди поднимается и опускается жидкость. Спокойный лоадер для тёмного интерфейса.
Настройки
color
trackColor
Основано на brave-turtle-26 by Nawsome (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
7 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| count | number | 5 | Сколько капсул в ряду. |
| size | number | 20 | Ширина капсулы в пикселях, высота в четыре раза больше. |
| color | string | "#f5f5f5" | Цвет жидкости. |
| trackColor | string | "#161616" | Цвет пустой капсулы. |
| speed | number | 2.5 | Секунд на один подъём и спуск. |
| label | string | "Loading" | Текст для экранных читалок. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge