Skip to content

Divider

Divider renders a horizontal or vertical separator line. It supports solid, dashed, and dotted styles, and can include a label.

Basic Usage


import { Divider } from "@paramanu/primitives-react"
export default function App() {
return <Divider />
}
<hr class="pm-divider pm-divider--horizontal pm-divider--solid" />

With Label

import { Divider } from "@paramanu/primitives-react"
export default function App() {
return <Divider label="OR" />
}
<div class="pm-divider pm-divider--horizontal pm-divider--solid pm-divider--with-label" role="separator">OR</div>