КнопкиProНовое
Изометрическая кнопка
Кнопка-плитка в изометрии. При наведении от неё веером отлетают пять слоёв, как стопка карточек, а при нажатии стопка сжимается.
Настройки
color
textColor
hoverColor
hoverTextColor
Основано на big-ape-36 by adamgiebl (MIT лицензия) · Условия использования
Параметры
9 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| children | ReactNode | "Button" | Текст кнопки. |
| width | number | 120 | Ширина плитки в пикселях. |
| height | number | 38 | Высота плитки в пикселях. |
| fontSize | number | 20 | Размер текста в пикселях. |
| color | string | "#2a2a2a" | Цвет плитки и её боковин. |
| textColor | string | "#ffffff" | Цвет текста в покое. |
| hoverColor | string | "#fafafa" | Цвет отлетающих слоёв при наведении. |
| hoverTextColor | string | "#0a0a0a" | Цвет текста при наведении. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge