Divider
A Divider component is a simple UI element used to separate content within a layout, creating visual distinction between sections. It helps enhance the organization and readability of the interface by providing clear boundaries between different elements, such as text blocks, images, or other components. Dividers can be styled in various ways (solid, dashed, or dotted) and can vary in thickness and color to match the overall design of the application.
# Demo
Demo Coming Soon
Divider examples will be available soon.
# Usage
# Attributes
Name | Type | Default | Details |
---|---|---|---|
children | React.ReactNode | Optional | Content to display in the divider. |
childrenClassName | string | ' ' | You can customise children by passing tailwind classes. |
separatorClassName | string | ' ' | You can customise separator by passing tailwind classes. |
# Tags