Divider
The props declared for Divider, generated from the types @proyecto-viviana/ui ships.
Import
import { Divider } from "@proyecto-viviana/ui";Props
| Prop | Type | Default | Description |
|---|---|---|---|
size | 'S' | 'M' | 'L' | 'M' | How thick the Divider should be. |
orientation | 'horizontal' | 'vertical' | 'horizontal' | The orientation of the Divider. |
staticColor | 'white' | 'black' | 'auto' | — | The static color style to apply when the Divider appears over a color background. |
styles | StyleString | (() => StyleString | undefined) | — | Spectrum-defined generated classes. |
UNSAFE_className | string | UnsafeClassName | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
slot | string | — | Not yet documented |
ref | HTMLElement | ((el: HTMLElement) => void) | { current?: HTMLElement | null | undefined; } | — | Not yet documented |
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 |
Declared in packages/viviana-ui/src/divider/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.