4.17.0






Section Separator

Section separator is a divider line that compartmentalizes content, typically used on cards or white backgrounds. This should only be used on light backgrounds (with our variable $bg_light).

Text Separator

Title Separator

Line Separator


Background Variant

Title Separator

Vertical

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Dark

Title Separator


Things to Avoid

Do not use section separators to handle list; instead, use List Kit.

Available Props
id
data
classname
aria
children
margin
margin_bottom
margin_left
margin_right
margin_top
margin_x
margin_y
padding
padding_bottom
padding_left
padding_right
padding_top
padding_x
padding_y
text
variant
orientation
dark