BjHighlight

Encadré de mise en exergue avec bordure gauche ; taille sm, md (défaut) ou lg pour le padding et la typographie.

Utilisation

<script setup>
import { BjHighlight } from '@flrxnt/dsbj/vue'
<\/script>

<template>
  <BjHighlight size="lg">
    <p>Ce paragraphe est mis en exergue pour faciliter la lecture des points clés.</p>
  </BjHighlight>
</template>

Tailles

sm — Ce paragraphe est mis en exergue pour faciliter la lecture des points clés.

md — Ce paragraphe est mis en exergue pour faciliter la lecture des points clés.

lg — Ce paragraphe est mis en exergue pour faciliter la lecture des points clés.

<BjHighlight size="sm"><p>Texte sm.</p></BjHighlight>
<BjHighlight size="md"><p>Texte md (défaut).</p></BjHighlight>
<BjHighlight size="lg"><p>Texte lg.</p></BjHighlight>

Tailles × contenu

sm — court

lg — bloc principal

Sous-texte

<BjHighlight size="sm"><p>sm</p></BjHighlight>
<BjHighlight size="sm"><p class="bj-text-sm">sm + classe texte petite</p></BjHighlight>
<BjHighlight size="lg"><p>lg</p><p class="bj-text-sm">Sous-ligne lg</p></BjHighlight>

Slot par défaut

Placez paragraphes, listes ou liens dans le slot par défaut.

<BjHighlight>
  <p>Titre implicite via style.</p>
  <ul>
    <li>Point un</li>
    <li>Point deux</li>
  </ul>
</BjHighlight>

Props

Prop	Description
`size`	sm, md (défaut) ou lg.