ЛоадерыProНовое
Лоадер-шестерёнки
Четыре шестерёнки в тёмной коробке крутятся и цепляют друг друга. Подходит для экранов сборки, обработки и настройки.
Настройки
color
background
Основано на fresh-panther-41 by Nawsome (MIT лицензия) · Условия использования
Параметры
7 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| size | number | 200 | Ширина коробки в пикселях, высота три четверти от неё. |
| speed | number | 3 | Секунд на оборот маленькой шестерёнки. Большая крутится вдвое медленнее. |
| color | string | "#555555" | Цвет шестерёнок. |
| background | string | "#111111" | Цвет коробки и центров шестерёнок. |
| framed | boolean | true | Показывать коробку с внутренней тенью. |
| label | string | "Loading" | Текст для экранных читалок. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge