Pro Buttons
Interactive button components: shape-morphing physics, split dropdowns, and clipboard triggers.
On This Page
Interactive button components: shape-morphing physics, split dropdowns, and clipboard triggers.
Advanced interactive button components: spring morphing physics, split dropdowns, clipboard triggers, expanding icon buttons, and status-aware transitions.
npx nexoreui add pro-buttonsSpring physics button that fluidly morphs its corner radius and scale on hover.
Dual-segment button pairing a primary trigger with secondary configuration actions.
| Prop | Type | Default | Description |
|---|---|---|---|
| primary* | string | — | Label for primary action. |
| secondary* | string | — | Label for dropdown trigger segment. |
| onPrimary | () => void | — | Callback triggered on primary click. |
| onSecondary | () => void | — | Callback triggered on secondary click. |
Dedicated clipboard action button providing visual confirmation feedback.
Compact button that smoothly reveals an action icon on hover.
State-aware button transitioning between idle, loading, success, and error indicators.
| Prop | Type | Default | Description |
|---|---|---|---|
| status | 'idle' | 'loading' | 'success' | 'error' | 'idle' | Current visual state of the button. |
Smooth sliding layout transition button group for view or mode toggling.
Minimal text button with a directional animated underline indicator.