Divider

Horizontal or vertical separator. Decorative by default (aria-hidden). Pass decorative={false} for a semantic separator.

Preview

Open Sandbox

Usage


import { Divider } from '@wire-ui/react'
 
// Decorative (default)
<Divider />
 
// Semantic separator
<Divider decorative={false} aria-label="Section break" />
 
// Vertical
<Divider orientation="vertical" />

Props

Prop	Type	Default	Description
`orientation`	`'horizontal' \| 'vertical'`	`'horizontal'`	Divider direction
`decorative`	`boolean`	`true`	When `true`: `role="none"` + `aria-hidden`. When `false`: `role="separator"` + `aria-orientation`
`...rest`	`HTMLAttributes<HTMLDivElement>`	—	Spread onto the element