Speed Dial
Speed Dial is a floating action button that reveals a set of related actions on interaction.
Installation
npx jsx-daisyui add speed-dialDefault
speed-dial-default
Edit
Share
Delete
Flower variant
speed-dial-flower
Props
SpeedDialRoot
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'flower' | 'default' | The visual variant of the speed dial. |
size | 'sm' | 'md' | 'lg' | 'lg' | The size of the speed dial components. |
SpeedDialTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
closeIcon | React.ReactNode | - | The icon to display when the dial is active/open. |
mainAction | React.ReactNode | - | The main action icon to display. |
SpeedDialMainTrigger
| Prop | Type | Default | Description |
|---|---|---|---|
closeIcon | React.ReactNode | - | The icon to display when the dial is active/open. |
SpeedDialAction
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | - | Optional text label to display next to the action button. |