Разделитель

Разделитель, разграничивающий содержимое. Поддерживает горизонтальное и вертикальное направление, пунктир и пользовательскую рамку, выравнивание текста.

Разделитель

<template>
  <div class="demo-col" style="max-width: 420px">
    <p class="demo-note">Горизонтальный разделитель</p>
    <LhDivider />
    <p class="demo-note">С текстом (по умолчанию по центру)</p>
    <LhDivider>Тушь</LhDivider>
    <LhDivider label-position="left">Текст слева</LhDivider>
    <LhDivider label-position="right">Текст справа</LhDivider>
    <p class="demo-note">Пунктир / своя рамка</p>
    <LhDivider dashed />
    <LhDivider border-style="dotted">Точки</LhDivider>
    <p class="demo-note">Вертикальный разделитель</p>
    <div class="demo-row">
      <span>Пейзаж</span>
      <LhDivider direction="vertical" />
      <span>Цветы и птицы</span>
      <LhDivider direction="vertical" />
      <span>Фигуры</span>
    </div>
  </div>
</template>

Props

Проп	Описание	Тип	По умолчанию
direction	Направление	'horizontal' \| 'vertical'	'horizontal'
dashed	Пунктирная линия	boolean	false
labelPosition	Позиция текста (действует для горизонтального направления; вертикальный всегда по центру)	'left' \| 'center' \| 'right'	'center'
borderStyle	Стиль рамки (приоритет над dashed)	string	—
sx	Сокращённая запись разметки через sx	—	—

Slots

Слот	Описание
default	Текст разделителя (при горизонтальном направлении — слева/справа, при вертикальном — сверху/снизу)