Início Boas práticas Tema Idiomas e RTL App e cabeçalho Layout Tipografia Abas Menu e âncora Dropdown e popover Command e toggles Botão Campos Seleção e valores Combobox e menções Datas e calendário Árvore e cascata Transfer Upload Filtros Tabela Planilha KPI e estatística Badge e tag Listas e detalhes Gráficos Imagem e carrossel Ícones Diagramas Alertas e estados Progresso e passos Diálogo e toast Drawer e notificação Utilitários Overview Work queue Report Report com htmx Form / request Tabela administrativa Página de detalhe Formulário em diálogo Gráfico com dados do servidor Buscar… llms.txt Tema Tema Restaurar Retos (4 / 2)Padrão (8 / 6)Arredondados (16 / 10) ConfortávelCompacta ClaroEscuroAutomático Copiar prompt Copiar snippet Prompt: para as instruções de um agente. Snippet: direto no templates/base.html. v0.11.0 App shell: header with brand, navigation and the signed-in user; optional sidebar. Cabeçalho com breadcrumb e ações Pedidos#A81F PDF Aprovar <ab-page-header eyebrow="Financeiro" heading="Pedido #A81F" description="Criado por Ana em 03/10/2026 · Fornecedor Rota 66"> <ab-breadcrumb slot="breadcrumb"><a href="#">Pedidos</a><span>#A81F</span></ab-breadcrumb> <ab-button slot="actions" icon="download-simple">PDF</ab-button> <ab-button slot="actions" variant="primary" icon="check">Aprovar</ab-button> </ab-page-header> APIAtributos, propriedades, métodos, eventos e slots de cada tag. <ab-app>App shell: header with brand, navigation and the signed-in user; optional sidebar. Navigation links are plain <a> elements; mark the current one with aria-current="page". With sidebar and many pages, put one <ab-menu slot="nav" size="md" value="/current/"> with ab-menu-group / ab-menu-item href children instead (choosing an item closes the off-canvas panel). <ab-page-header>Page title block: eyebrow, heading, description, actions and an optional breadcrumb. <ab-breadcrumb>Breadcrumb trail. Children are <a href> links; the last child (a <span>) is the current page.