Skip to content

Divider

A horizontal separator line with optional centered title. Uses useContentRect 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 useContentRect)

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

Released under the MIT License.