КнопкиProНовое
Кнопка с наклоном
Кнопка в перспективе, как клавиша: при наведении наклоняется сильнее, при нажатии уходит вниз. Под ней мягкая тень.
Настройки
from
to
textColor
Основано на hot-catfish-48 by adamgiebl (MIT лицензия) · Условия использования
Параметры
7 параметров| Параметр | Тип | По умолчанию | Описание |
|---|---|---|---|
| children | ReactNode | "Click me" | Текст кнопки. |
| from | string | "#fafafa" | Верхний цвет кнопки. |
| to | string | "#d4d4d4" | Нижний цвет кнопки, им же окрашена тень. |
| textColor | string | "#0a0a0a" | Цвет текста. |
| tilt | number | 15 | Наклон в покое в градусах. Наведение и нажатие наклоняют сильнее. |
| fontSize | number | 16 | Размер текста в пикселях. |
| className | string | — | Классы для обёртки. |
Зависимости
Пакетов: 2
npm install clsx tailwind-merge