Separator
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.
Horizontal
Orientation par defaut. Cree une ligne horizontale pleine largeur de 1px. Utilisez des marges (my-4) pour controler l'espacement.
Session : Entrainement OLL
42 solves - Ao5 : 12.34s - Meilleur : 9.87s
Session : Competition 3x3
15 solves - Ao5 : 11.02s - Meilleur : 8.45s
Session : One-handed
23 solves - Ao5 : 18.67s - Meilleur : 15.23s
Vertical
Utilisez orientation="vertical" pour une ligne verticale. Le conteneur parent doit avoir une hauteur definie (ex: flex avec h-8).
12.45sAo5 : 12.89sAo12 : 13.02sPB : 9.87s
Props
| 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. |