Separator

Un Separator.Root di Radix — una sottile riga divisoria, orizzontale o verticale.

import { Separator } from "@pompeitech/vesuvius-ui";

Prop	Tipo	Default	Descrizione
`orientation`	`"horizontal" \| "vertical"`	`"horizontal"`	La versione verticale necessita di un'altezza definita dal proprio contenitore (`flex` + `items-center` con una riga ad altezza fissa, come nell'esempio sopra) — non ha un'altezza intrinseca propria.
`decorative`	`boolean`	`true`	`true` lo nasconde alla tecnologia assistiva (è puramente visivo, non contenuto semantico) renderizzando `role="none"`. Imposta `false` solo se il separatore segna davvero una rottura tematica nel contenuto (Radix renderizza allora `role="separator"` con il corretto `aria-orientation`).

Lascia decorative al suo default true per i divisori puramente visivi — il caso comune. Imposta false solo quando il separatore stesso porta un significato (separando sezioni di contenuto non correlate di cui uno screen reader dovrebbe informare l'utente), non solo un ritmo visivo tra elementi già raggruppati in altro modo.

Separator

Separator

Orizzontale

Verticale

API

Accessibilità