Separator
The props declared for Separator, generated from the types @proyecto-viviana/ui ships.
Import
import { Separator } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'default' | 'subtle' | 'strong' | 'default' | The visual style variant. Note that `strong` currently renders as `default` — see {@link SeparatorVariant}. |
size | 'sm' | 'md' | 'lg' | 'md' | The size/thickness of the separator. |
class | string | — | Additional CSS class name. |
slot | string | false | — | A slot name for the component. HTML `slot` may be `false` to omit. solidaria-components |
ref | ((el: HTMLElement) => void) | { current?: HTMLElement | null | undefined; } | — | Ref for the underlying separator element. solidaria-components |
id | string | — | The element's unique identifier. solidaria |
aria-describedby | string | — | Identifies the element(s) that describes the separator. solidaria |
aria-details | string | — | Identifies the element(s) that provide a detailed description. solidaria |
aria-label | string | — | An accessibility label for the separator. solidaria |
aria-labelledby | string | — | Identifies the element(s) that labels the separator. solidaria |
elementType | string | 'hr' | The HTML element type that will be used to render the separator. solidaria |
orientation | 'horizontal' | 'vertical' | 'horizontal' | The orientation of the separator. solidaria |
Declared in packages/viviana-ui/src/separator/index.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.