ButtonsProNew
Tilt Push Button
A button in perspective like a key: it tips back further on hover and sinks on press, with a soft shadow below.
Customize
from
to
textColor
Based on hot-catfish-48 by adamgiebl (MIT license) · Terms of use
Props
7 properties| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | "Click me" | Button label. |
| from | string | "#fafafa" | Top color of the face. |
| to | string | "#d4d4d4" | Bottom color of the face; it also tints the shadow. |
| textColor | string | "#0a0a0a" | Label color. |
| tilt | number | 15 | Tilt at rest in degrees. Hover and press tilt further. |
| fontSize | number | 16 | Label size in pixels. |
| className | string | — | Classes for the wrapper. |
Dependencies
2 required packages
npm install clsx tailwind-merge