Aurora Shimmer
Buttons
Aurora Pill Button
A glassy, glowing pill-shaped button used for view toggles, filters, and subtle CTAs.
Customize
ADVERT
Overview
Aurora Pill Button is a reusable, glassy pill-style button with a soft glow and hover lift. It’s perfect for view toggles, chip-like filters, and secondary CTAs where you want motion and depth without overpowering primary actions.
Props
Use the props below to customise the aurora pill button in your own React application.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| children | React.ReactNode | Yes | "Preview" | Content rendered inside the button, typically a short label and optional icon. |
| isActive | boolean | No | false | Whether the button should render in its active state, with a stronger glow and slight lift. |
| className | string | No | undefined | Optional custom class name to merge with the base styles, useful for layout tweaks. |
| onClick | function | No | undefined | Click handler for the button, typically used to toggle views or filter state. |
Related React components
More components from the same category or sharing similar tags.
