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.