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

macOS-style icon dock navigation component.

Provides two components:

- `dock/1` — icon dock container with orientation and variant options
- `dock_item/1` — icon button with hover tooltip and scale animation

# `dock`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `orientation` (`:atom`) - Defaults to `:horizontal`. Must be one of `:horizontal`, or `:vertical`.
* `position` (`:atom`) - Defaults to `:bottom`. Must be one of `:bottom`, `:top`, `:left`, `:right`, or `:inline`.
* `variant` (`:atom`) - Defaults to `:default`. Must be one of `:default`, `:glass`, or `:bordered`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `dock_item`

## Attributes

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

* `icon` (required)
* `badge`

---

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