Índice da vitrine
Início
Ações
Formulários
Navegação
Autenticação
Retorno
Conteúdo
Barras laterais
Três trilhos parecidos e não intercambiáveis: o menu do aplicativo, o índice de uma página longa e os filtros de uma listagem.
Menu do aplicativo
Responde "para onde eu posso ir". Recolhido, sobram os ícones - e é por isso que um item sem ícone fica ilegível justamente no estado em que o ícone é a única coisa visível.
O recolhimento é prop com evento, não estado interno: quem manda no layout é a tela em volta, e um menu que decidisse a própria largura brigaria com a grade.
<sidebar-panel v-model:collapsed="collapsed" :groups="GROUPS" />
Índice de página longa
Responde "onde eu estou". O item ativo segue a rolagem - numa página de vinte seções, um índice que não diz onde o leitor está responde metade da pergunta.
Introdução
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Instalação
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Tokens
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Temas
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
Texto de amostra para dar altura à página: o índice ao lado só mostra o que faz quando há rolagem suficiente para ele acompanhar.
<sidebar-docs :groups="NAV" content-selector="#guide" />
Filtros de listagem
Responde "o que eu quero ver". O estado é de quem chama, e tem de virar URL: uma listagem filtrada só na memória não pode ser compartilhada nem recarregada.
O que sai daqui
{
"kind": [
"article"
]
}<sidebar-filters v-model="selected" :groups="FILTERS" />
Para agentes de IA
Especificação desta página
Um arquivo Markdown com as tags, props, eventos e trechos desta família, copiáveis ipsis litteris, mais as regras que valem antes de qualquer linha. Entregue-o ao agente junto com a tarefa.
/agents/sidebars.md