Indielayer UI - Vue.js 3 / Nuxt.js 3 UI Library with Tailwind CSS 4. ⚡️  Build and prototype fast web applications.

Indielayer
Indielayer UIIndielayer UI
UI
v2.1.0

Divider

A horizontal or vertical rule that separates sections of content. Use dividers in lists, toolbars, and layouts to create clear visual breaks.

#
Usage

Basic horizontal divider between content.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, nulla.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad, impedit?

#
Label

Divider with a centered or inline label.

Top

OR

Bottom

Left

OR

Right

#
Vertical

Vertical divider for side-by-side layouts.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Optio, nulla.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ad, impedit?

#API

Divider

props

Name
Description
Type
Default
Values
Required
label
Optional text shown between the divider lines.
String
vertical
Renders the divider vertically instead of horizontally.
Boolean
false