Skip to content

Divider ​

The Divider component is used to display a horizontal separator. It provides a simple yet effective way to visually separate different sections of content.

Basic Divider ​

vue
<Divider></Divider>

Text Divider ​

Dividers can also accept a content in the default slot, which then renders this content in the middle of the divider. Note that texts are automatically turned into uppercase.

vue
<Divider>text</Divider>

API ​

See the documentation below for a complete reference to all the props and classes available to the components mentioned here.