Divider

The Divider component visually separates sections or elements within a layout to enhance readability and organize content.

default Divider

Heading

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Vel voluptates illo quaerat inventore possimus iste. Dolorem amet quasi illum quaerat sed reprehenderit consequuntur quo optio omnis blanditiis, molestias perspiciatis. Nam.

Divider with position

Left
Center
Right

Props

Explore the available props for the Divider component

PropTypeDefaultDescription
positionstringcenterContent Position.
left center right
stylestring-Any CSS className to style the Divider.
contentStylestring-Any CSS className to style the Divider content.
childrennode-Child components and content to be placed within it.