Divider 分隔线

分隔线用于垂直或水平分隔内容。

类名
类型
divider 组件类 Put a divider line between two elements
divider-neutral
装饰类
Applies neutral color to the divider line
divider-primary
装饰类
Applies primary color to the divider line
divider-secondary
装饰类
Applies secondary color to the divider line
divider-accent
装饰类
Applies accent color to the divider line
divider-success
装饰类
Applies success color to the divider line
divider-warning
装饰类
Applies warning color to the divider line
divider-info
装饰类
Applies info color to the divider line
divider-error
装饰类
Applies error color to the divider line
divider-vertical
响应类
Divide elements on top of each other (default)
divider-horizontal
响应类
Divide elements next to each other
divider-start
响应类
Pushes the divider text to the start
divider-end
响应类
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
daisyUI store

New template: SaaS Landing page

Available on daisyUI store

More details