Skip to content
LayoutBrowse layout components
ComponentsLayoutNew in 0.2

Divider

Visual separator with optional label, horizontal or vertical.

Live preview

Section A
or
Section B
ItemItemItem

Usage

Adapters:React stableVue stable
index.html
<div class="lm-divider">or</div>
<span class="lm-divider-vertical" role="separator"></span>

CSS classes (2)

ClassDescription
lm-dividerHorizontal line with optional centered text
lm-divider-vertical1px vertical separator

React props (1)

PropTypeDefaultDescription
orientationhorizontal | verticalhorizontal

Accessibility

  • Use role='separator' if used purely for layout.

Spotted something wrong? Edit this entry on GitHub.