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

Chip-style filter/tag navigation component.

Provides two components:

- `chip_nav/1` — horizontally-scrollable chip container
- `chip_nav_item/1` — pill-shaped item rendered as `<a>` or `<button>`

# `chip_nav`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `scrollable` (`:boolean`) - Defaults to `true`.
* `gap` (`:atom`) - Defaults to `:md`. Must be one of `:sm`, or `:md`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `chip_nav_item`

## Attributes

* `active` (`:boolean`) - Defaults to `false`.
* `href` (`:string`) - Defaults to `nil`.
* `on_click` (`:string`) - Defaults to `nil`.
* `disabled` (`:boolean`) - Defaults to `false`.
* `variant` (`:atom`) - Defaults to `:default`. Must be one of `:default`, `:outline`, or `:ghost`.
* `class` (`:string`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)
* `icon`

---

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