Layout

Divider

Visual separator that clarifies grouping without adding another container.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Before

After

Properties

Orientation

Inset

Vue

<div
  :style='{&quot;width&quot;:&quot;100%&quot;,&quot;minHeight&quot;:&quot;96px&quot;,&quot;display&quot;:&quot;flex&quot;,&quot;alignItems&quot;:&quot;center&quot;,&quot;gap&quot;:&quot;24px&quot;}'
>
  <span>
    Before
  </span>
  <m-divider
    :style='{&quot;flex&quot;:&quot;1&quot;}'
    orientation="horizontal"
    :inset="false"
   />
  <span>
    After
  </span>
</div>

MDivider API

Props, slots, and events are extracted from the current public UI Kit contract.

MDivider

Layout family

src/runtime/components/ui/divider

Props

NameTypeDefault

orientation

'horizontal' | 'vertical''horizontal'

inset

booleanfalse

Slots

Events

MDivider does not emit component-specific events. Native events fall through to its root element.