КомпонентыНовое
Тумблер-рычаг
Металлический тумблер на тёмной панели с двумя лампочками. Рычаг щёлкает вверх и вниз, загорается нужная лампа.
Настройки
onColor
offColor
Основано на soft-pug-40 by csemszepp (MIT лицензия) · Условия использования
Ещё в Pro
Смотреть всеПараметры
11 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| defaultChecked | boolean | true | Включён ли тумблер в начале. |
| checked | boolean | — | Состояние под вашим управлением. Без него тумблер помнит состояние сам. |
| onCheckedChange | (checked: boolean) => void | — | Вызывается с новым состоянием после каждого щелчка. |
| size | number | 12 | Масштаб: пикселей на единицу em. Панель размером 6,8 на 12,8 em. |
| onColor | string | "#fafafa" | Свет верхней лампы во включённом состоянии. |
| offColor | string | "#737373" | Свет нижней лампы в выключенном состоянии. |
| onLabel | string | "ON" | Подпись над верхней лампой. |
| offLabel | string | "OFF" | Подпись под нижней лампой. |
| disabled | boolean | false | Отключить тумблер. |
| label | string | "Power" | Название тумблера для экранных читалок. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge