Divider

Divider is a component that can be used to separate content. It is a thin line that separates content in a meaningful way.

This components. Store at src/components/atoms/divider

Basic example

This is a basic example of how to use the Divider component. This components can pass the title props to show the title in the divider.

ExampleCode

Divider with title

Title

You can pass the title props to show the title in the divider. The title is ReactNode so you can pass any component. The default value is undefined.

ExampleCode

Divider with title

Align

You can align the title to the left, right or center. The default value is Center.

ExampleCode

Align left

Align center

Align right

Attribute

id: string; This is the id of the divider.
title: ReactNode; The title of the divider.
align: 'left' | 'center' | 'right'; The alignment of the title.

Term of service

Privacy statement