Séparateur

Séparateur de contenu. Direction horizontale ou verticale, tirets et bordure personnalisée, alignement avec texte.

Séparateur

<template>
  <div class="demo-col" style="max-width: 420px">
    <p class="demo-note">Séparateur horizontal</p>
    <LhDivider />
    <p class="demo-note">Avec texte (centré par défaut)</p>
    <LhDivider>Encre de Chine</LhDivider>
    <LhDivider label-position="left">Texte aligné à gauche</LhDivider>
    <LhDivider label-position="right">Texte aligné à droite</LhDivider>
    <p class="demo-note">Tirets / bordure personnalisée</p>
    <LhDivider dashed />
    <LhDivider border-style="dotted">Pointillés</LhDivider>
    <p class="demo-note">Séparateur vertical</p>
    <div class="demo-row">
      <span>Paysage</span>
      <LhDivider direction="vertical" />
      <span>Fleurs et oiseaux</span>
      <LhDivider direction="vertical" />
      <span>Personnage</span>
    </div>
  </div>
</template>

Props

Prop	Description	Type	Valeur par défaut
direction	Direction	'horizontal' \| 'vertical'	'horizontal'
dashed	Tirets	boolean	false
labelPosition	Position d'alignement du texte (effective en direction horizontale ; toujours centré en vertical)	'left' \| 'center' \| 'right'	'center'
borderStyle	Style de bordure (prioritaire sur dashed)	string	—
sx	Raccourci de mise en page sx	—	—

Slots

Slot	Description
default	Texte du séparateur (disposé à gauche et à droite en horizontal, en haut et en bas en vertical)