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

Dot-style page indicator navigation component.

Provides two components:

- `dot_navigation/1` — container nav with alignment and gap controls
- `dot_navigation_item/1` — individual dot rendered as `<a>` or `<button>`

# `dot_navigation`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `variant` (`:atom`) - Defaults to `:circle`. Must be one of `:circle`, `:pill`, or `:dash`.
* `align` (`:atom`) - Defaults to `:center`. Must be one of `:center`, `:start`, or `:end`.
* `gap` (`:atom`) - Defaults to `:md`. Must be one of `:sm`, `:md`, or `:lg`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `dot_navigation_item`

## Attributes

* `active` (`:boolean`) - Defaults to `false`.
* `href` (`:string`) - Defaults to `nil`.
* `on_click` (`:string`) - Defaults to `nil`.
* `label` (`:string`) - Defaults to `nil`.
* `variant` (`:atom`) - Defaults to `:circle`. Must be one of `:circle`, `:pill`, or `:dash`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.

---

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