Separator
Linha que divide grupos de conteúdo.
Playground
Perfis
Fontes e versões
Orientação
<Separator />
Quando usar
- ✓Separar grupos num menu, painel ou lista
Evite quando
- Dá para separar com espaço→ gap maior — linha só quando o espaço não basta
Variantes e props
orientationpadrão: horizontalhorizontalvertical
Estados
estático
Acompanha data-density="compact" (tamanhos vêm de --spacing, --text-*, --radius).
Acessibilidade
- Papel
- separator (ou decorativo)
- Teclado
- —
Código
import
import { Separator } from "@/components/ui/separator";Fonte: src/components/ui/separator.tsx · Resense (shadcn base-nova, Base UI)