8.1.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


Line Separator


Background Variant


Vertical



Things to Avoid

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

UI Samples using Section Separator Kit

Get the full picture. See how this kit is used in our samples.