```meta title: :::tabs — painéis que se revezam description: Abas que mostram um painel de cada vez no mesmo lugar: detalhes, histórico, notas. ``` _flows.md · documentação · [Blocos](/@docs/blocks)_ # :::tabs Painéis que se revezam no mesmo lugar, uma aba cada: Detalhes, Histórico, Notas. Cada item, separado por `---`, é uma aba; a primeira linha — um título, ou uma linha só em negrito — dá o nome dela. ## Ao vivo :::tabs ### Detalhes Cliente: Café Ladeira · 24 canecas, esmalte azul. --- ### Histórico Pedido feito em 10 mar; em produção desde 12 mar. --- ### Notas Entregar pela porta dos fundos, antes das 10h. ::: ~~~text :::tabs ### Detalhes Cliente: Café Ladeira · 24 canecas, esmalte azul. --- ### Histórico Pedido feito em 10 mar; em produção desde 12 mar. --- ### Notas Entregar pela porta dos fundos, antes das 10h. ::: ~~~ Sem script, todos os painéis ficam na página, cada um sob o nome dele. Com script, o leitor escolhe a aba (pelas setas do teclado também), e um link para qualquer coisa dentro de um painel abre o painel. ## Em botões `style:pill` desenha as abas como uma fileira de botões, a aberta preenchida. :::tabs style:pill **Mensal** R$ 29 por mês, cancela quando quiser. --- **Anual** R$ 290 por ano — dois meses de graça. ::: ~~~text :::tabs style:pill **Mensal** R$ 29 por mês, cancela quando quiser. --- **Anual** R$ 290 por ano — dois meses de graça. ::: ~~~ ## Argumentos - `style` — `line` (o padrão) sublinha a aba aberta; `pill` desenha botões. - `id` — um nome, para um link chegar até as abas.