SpeedDial
A floating action button that fans out into quick actions. Escape folds it back.
Example
<SpeedDial label="Create">
<a href="/components" aria-label="New page">+</a>
<a href="/guides/theming" aria-label="New theme">T</a>
</SpeedDial>Props
| Prop | Type | Default | Description |
|---|---|---|---|
label | string | Quick actions | Trigger accessible name. |
direction | up | down | left | right | up | Fan direction. |
Accessibility
- Expanded state in
aria-expanded; trigger is 56px. - Give every action an
aria-labelwhen it shows an icon only.