Divider

Divider will be used to separate content vertically or horizontally.

Class name
Type
divider Component Put a divider line between two elements
divider-vertical
Responsive
Divide elements on top of each other (default)
divider-horizontal
Responsive
Divide elements next to each other
# Divider
content
OR
content
# Divider horizontal
content
OR
content
# Divider with no text
content
content
# responsive (lg:divider-horizontal)
content
OR
content
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