ButtonsProNew
Attract Button
Iron filings lie around the button. Hover it and they turn toward it, like toward a magnet.
Customize
filingColor
Based on Attract Button (MIT license) · Terms of use
Props
7 properties| Property | Type | Default | Description |
|---|---|---|---|
| density | number | 1 | Filing density. 1 is one every 12 pixels. |
| radius | number | 64 | How far the field reaches past the button edges, in pixels. |
| filingColor | string | "rgba(255, 255, 255, 0.55)" | Color of the iron filings. |
| disabled | boolean | false | Disable the button. |
| children | ReactNode | "Get started" | Button text. |
| containerClassName | string | — | Classes for the wrapper with the field. |
| className | string | — | Classes for the button itself. |
Dependencies
3 required packages
npm install lucide-react clsx tailwind-merge