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

Floating pill navigation bar — fixed or sticky pill anchored to the viewport.

Provides two components:

- `floating_nav/1` — pill container with positioning options
- `floating_nav_item/1` — icon + optional label item

# `floating_nav`

## Attributes

* `class` (`:string`) - Defaults to `nil`.
* `position` (`:atom`) - Defaults to `:fixed`. Must be one of `:fixed`, or `:sticky`.
* `placement` (`:atom`) - Defaults to `:bottom`. Must be one of `:bottom`, `:top`, `:bottom_left`, or `:bottom_right`.
* Global attributes are accepted.
## Slots

* `inner_block` (required)

# `floating_nav_item`

## Attributes

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

* `icon`

---

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