ButtonsProNew
Family Button
A round plus button that smoothly grows into a panel with your content on click. Good for quick actions or a mini player.
Customize
accentColor
glowColor
rimColor
Based on Family Button (MIT license) ยท Terms of use
Props
4 properties| Property | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | โ | Content of the open panel, about 200 by 250 pixels. |
| accentColor | string | "#e5e5e5" | Color of the round plus button. The icon color adjusts itself. |
| glowColor | string | "rgba(255,255,255,0.12)" | Soft glow around the button. |
| rimColor | string | "rgba(255,255,255,0.5)" | Thin light rim inside the frame. |
Dependencies
4 required packages
npm install lucide-react motion clsx tailwind-merge