Divider

Above

Below

or continue with

After a labelled divider


import { Divider } from '@gg-software/ui';
 
<Divider />
<Divider>or continue with</Divider>

Vertical dividers separate inline items:


<Button variant="text" size="sm">Edit</Button>
<Divider orientation="vertical" />
<Button variant="text" size="sm" danger>Delete</Button>

Props

Prop	Type	Default	Description
`orientation`	`"horizontal" \| "vertical"`	`horizontal`
`children`	`ReactNode`	—	optional centered label (horizontal only)
`className`	`string`	—

* required · generated from packages/ui/src/layout/Divider/Divider.tsx