Ligne de separation visuelle entre des sections de contenu. Construit sur Radix UI Separator avec support horizontal et vertical. Semantique (role="separator") et decoratif par defaut.
Contenu au-dessus
Contenu en-dessous
Orientation par defaut. Cree une ligne horizontale pleine largeur de 1px. Utilisez des marges (my-4) pour controler l'espacement.
42 solves - Ao5 : 12.34s - Meilleur : 9.87s
15 solves - Ao5 : 11.02s - Meilleur : 8.45s
23 solves - Ao5 : 18.67s - Meilleur : 15.23s
Utilisez orientation="vertical" pour une ligne verticale. Le conteneur parent doit avoir une hauteur definie (ex: flex avec h-8).
| Prop | Type | Default | Description |
|---|---|---|---|
| orientation | "horizontal" | "vertical" | "horizontal" | Direction du separateur. Horizontal = h-px w-full, Vertical = w-px h-full. |
| decorative | boolean | true | Si true, le separateur est purement decoratif (aria-hidden). Si false, il est semantique (role=separator). |
| className | string | — | Classes CSS additionnelles. Par defaut : bg-border, shrink-0. |