Vox Mente
Navegação

Componentes

Separator

beta

Divide blocos que não pertencem juntos. Se está ali para dar respiro, o problema é espaçamento, não linha.

Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.

@voxmente/ui/components/ui/separator

Playground
Turma 7º ano B32 alunos
<Separator />

Uso

Divide blocos de conteúdo que não pertencem juntos. Uma linha de 1px, sem foco, sem interação.

Turma 7º ano B

32 alunos · trilha de leitura

Turma 8º ano A

28 alunos · trilha de escrita

Vertical

`orientation="vertical"` separa itens lado a lado, como os campos de um cabeçalho. O container precisa dar altura ao separador — ele mesmo se estica com `self-stretch`.
Professor DiegoCoordenação Manhã3 turmas

Entre ações

Combinado com `orientation="vertical"` dentro de uma linha de itens, separa ações que ficam lado a lado sem depender de espaçamento para marcar a divisão.

Referência da API

Extraída do TypeScript de @voxmente/ui a cada build. Se divergir do código, o código mudou.

Separator não tem props próprias — aceita apenas as props herdadas, incluindo className e os atributos de DOM.

Pendência editorial: o que é, quando usar, quando não usar, acessibilidade, componentes relacionados, exemplo em contexto de produto. A lacuna aparece aqui em vez de ser preenchida com orientação inventada.

Origem do dado
  • Demonstrações e playground: componente real de @voxmente/ui
  • Referência da API: TypeScript do pacote
  • Cor, espaçamento e raio das demonstrações: tokens de theme.css