# `FrappeUIPhx.Components.Tabs`
[🔗](https://github.com/moacirbishopcamata/frappe_ui_phx/blob/v0.3.1/lib/frappe_ui_phx/components/tabs.ex#L1)

Abas cujo item ativo é decidido por um assign (`active`), nunca por estado do
cliente. Cada `:tab` navega (`patch`/`navigate`) ou dispara evento (`click`).
O conteúdo do painel ativo vai no `inner_block`.

# `tabs`

## Attributes

* `id` (`:string`) (required)
* `active` (`:string`) (required) - id da aba ativa.
* `class` (`:any`) - Defaults to `nil`.
* Global attributes are accepted.
## Slots

* `tab` (required) - Accepts attributes:

  * `id` (`:string`) (required)
  * `label` (`:string`) (required)
  * `icon` (`:string`)
  * `patch` (`:string`)
  * `navigate` (`:string`)
  * `href` (`:string`)
  * `click` (`:any`)
* `inner_block` - painel da aba ativa.

---

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