Skip to content

Divider ​

A horizontal separator line with optional centered title. Uses useBoxRectDangerously for responsive width.

Import ​

tsx
import { Divider } from "silvery"

Props ​

PropTypeDefaultDescription
charstring"--"Character to repeat
titlestring--Title text centered in divider
widthnumberautoWidth (uses available width via useBoxRectDangerously)

Usage ​

tsx
// Simple divider
<Divider />

// With title
<Divider title="Section" />

// Custom character and width
<Divider char="=" width={40} />

See Also ​

  • Fill -- repeats content to fill width
  • HR -- typography horizontal rule