Divider
Divider will be used to separate content vertically or horizontally.
| Class name | Type | |
|---|---|---|
| divider | Component | Put a divider line between two elements |
| divider-neutral | Modifier | Applies neutral color to the divider line |
| divider-primary | Modifier | Applies primary color to the divider line |
| divider-secondary | Modifier | Applies secondary color to the divider line |
| divider-accent | Modifier | Applies accent color to the divider line |
| divider-success | Modifier | Applies success color to the divider line |
| divider-warning | Modifier | Applies warning color to the divider line |
| divider-info | Modifier | Applies info color to the divider line |
| divider-error | Modifier | Applies error color to the divider line |
| divider-vertical | Responsive | Divide elements on top of each other (default) |
| divider-horizontal | Responsive | Divide elements next to each other |
| divider-start | Responsive | Pushes the divider text to the start |
| divider-end | Responsive | Pushes the divider text to the end |
# Divider
content
OR
content
# Divider horizontal
content
OR
content
# Divider with no text
content
content
# responsive (lg:divider-horizontal)
content
OR
content
# Divider with colors
Default
Neutral
Primary
Secondary
Accent
Success
Warning
Info
Error
# Divider in different positions
Start
Default
End
# Divider in different positions (horizontal)
Start
Default
End
Do you have a question? ask the community
Do you see a bug? open an issue on GitHub
Do you like daisyUI? tweet about it!
Support daisyUI's development: Open Collective
