# `PhiaUi.Components.SpeedDial`
[🔗](https://github.com/charlenopires/PhiaUI/blob/v0.1.17/lib/phia_ui/components/navigation/speed_dial.ex#L1)

Floating Action Button (FAB) speed dial component.

Requires the `PhiaSpeedDial` JavaScript hook registered in `app.js`.

Provides two components:

- `speed_dial/1` — fixed FAB container with directional expansion
- `speed_dial_item/1` — individual action button with label tooltip

# `speed_dial`

## Attributes

* `id` (`:string`) (required)
* `class` (`:string`) - Defaults to `nil`.
* `position` (`:atom`) - Defaults to `:bottom_right`. Must be one of `:bottom_right`, `:bottom_left`, `:top_right`, or `:top_left`.
* `direction` (`:atom`) - Defaults to `:up`. Must be one of `:up`, `:down`, `:left`, or `:right`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)
* `trigger` - Custom FAB trigger button — defaults to + icon if not provided.

# `speed_dial_item`

## Attributes

* `label` (`:string`) (required)
* `on_click` (`:string`) - Defaults to `nil`.
* `href` (`:string`) - Defaults to `nil`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `icon` (required)

---

*Consult [api-reference.md](api-reference.md) for complete listing*