ReferenceComponentsTypography and status
Divider
Divider component API, behavior, and executable example.
Loading executable example…
API and events
Render styled terminal copy, hierarchy, separators, labels, and compact status signals with semantic metadata.
export function Divider({
width = 40,
orientation = "horizontal",
title,
slots,
slotProps,
...props
}: DividerProps): ReactNode;Props, functions, and events
| Member | Type | Required | Description | Related types |
|---|---|---|---|---|
id | string | undefined | No | The id member uses the string | undefined contract. | — |
testId | string | undefined | No | The testId member uses the string | undefined contract. | — |
label | string | undefined | No | The label member uses the string | undefined contract. | — |
width | number | undefined | No | The width member uses the number | undefined contract. | — |
orientation | "horizontal" | "vertical" | undefined | No | The orientation member uses the "horizontal" | "vertical" | undefined contract. | — |
title | string | undefined | No | The title member uses the string | undefined contract. | — |
slots | Partial<SlotComponents<{ root: import("../../../registry/data-display/text").TextProps; }>> | undefined | No | The slots member uses the Partial<SlotComponents<{ root: import("../../../registry/data-display/text").TextProps; }>> | undefined contract. | SlotComponents, TextProps |
slotProps | Partial<SlotProps<{ root: import("../../../registry/data-display/text").TextProps; }, object>> | undefined | No | The slotProps member uses the Partial<SlotProps<{ root: import("../../../registry/data-display/text").TextProps; }, object>> | undefined contract. | SlotProps, TextProps |
unstyled | boolean | undefined | No | The unstyled member uses the boolean | undefined contract. | — |
variant | string | undefined | No | The variant member uses the string | undefined contract. | — |
size | "sm" | "md" | "lg" | undefined | No | The size member uses the "sm" | "md" | "lg" | undefined contract. | — |
No events are emitted.
Callback props run after the documented input is accepted. Callbacks are not cancellable unless their return type or description states otherwise.
Interaction and capabilities
Read-only presentation; accessibility lives in semantic role and label metadata.
The published manifest records keyboard, focus, pointer, theme, terminal, semantic, event, and dependency requirements.
Complete import
import { Divider } from "@/components/tuil/data-display/text";