Divider

A horizontal rule component that visually separates sections of content. Can optionally display centered text or other content between the two lines.

Import

import { Divider } from '@wavebooking/aqua-fusion';

Loading preview...

<Divider />

<Divider>or continue with</Divider>

<Divider lineClassName="border-primary-300" contentClassName="text-primary-500">
  Section
</Divider>

Prop	Type	Default	Description
`children`	ReactNode	-	Optional content displayed centered between the divider lines.
`className`	string	-	Additional CSS class for the outer flex container.
`contentClassName`	string	-	Additional CSS class for the centered content span.
`lineClassName`	string	-	Additional CSS class for the horizontal line elements.