Divider
Divider is used to separate content vertically or horizontally.
Installation
npx jsx-daisyui add dividerDefault
divider-default
Content
OR
Content
Horizontal
divider-horizontal
Content
OR
Content
Colors
divider-colors
Default
Neutral
Primary
Secondary
Accent
Success
Warning
Info
Error
Placements
divider-placements
Start
Center
End
Responsive
divider-responsive
Content
OR
Content
Props
Divider
| Prop | Type | Default | Description |
|---|---|---|---|
color | 'neutral' | 'primary' | 'secondary' | 'accent' | 'success' | 'warning' | 'info' | 'error' | - | The color variant of the divider. |
direction | 'vertical' | 'horizontal' | 'vertical' | The layout direction of the divider. |
placement | 'start' | 'center' | 'end' | 'center' | The text placement on the divider. |