Blockquote (BcBlockquote)

Citation stylisée pour les notes d'audit, commentaires compliance et extraits réglementaires.

Variante Default

Fond neutre, sans bordure colorée. Usage : citations simples, notes internes.

"La vérification d'identité a été réalisée selon le protocole KYC standard. Les documents fournis correspondent aux informations déclarées."
html
<BcBlockquote>
  "La vérification d'identité a été réalisée selon le protocole KYC standard.
  Les documents fournis correspondent aux informations déclarées."
  <template #attribution>— M. Dupont, Compliance Officer · 28/02/2026</template>
</BcBlockquote>

Variante Accent

Bordure gradient rouge-orange 3px à gauche. Usage : extraits réglementaires importants, notes critiques, citations à mettre en valeur.

"Conformément au règlement LCB-FT (articles L561-1 et suivants du CMF), toute relation d'affaires avec une personne exposée politiquement (PEP) requiert des mesures de vigilance renforcée."
html
<BcBlockquote variant="accent">
  "Conformément au règlement LCB-FT (articles L561-1 et suivants du CMF),
  toute relation d'affaires avec une personne exposée politiquement (PEP)
  requiert des mesures de vigilance renforcée."
  <template #attribution>— Code Monétaire et Financier · Mise à jour 2024</template>
</BcBlockquote>

Avec attribution

L'attribut attribution ou le slot #attribution affiche la source en style dim.

html
<!-- Via prop -->
<BcBlockquote attribution="— ANSSI, Guide d'hygiène informatique 2024">
  "Les clés API doivent être régulièrement renouvelées, a minima annuellement."
</BcBlockquote>

<!-- Via slot (pour contenu riche) -->
<BcBlockquote variant="accent">
  "Délai maximum de traitement KYB : 5 jours ouvrés."
  <template #attribution>
    — <a href="#">SLA b.connect</a> · Version 3.2 · Janvier 2026
  </template>
</BcBlockquote>

Props

PropTypeDéfautDescription
variant'default' | 'accent''default'Style visuel
attributionStringLigne de source (— Auteur, Date)
#defaultSlotTexte de la citation
#attributionSlotAttribution enrichie (liens, etc.)

Cas d'usage

ContexteVarianteExemple
Commentaire d'un analyste compliancedefaultNote d'audit interne
Extrait réglementaire (CMF, ANSSI…)accentArticle de loi, SLA
Décision formelle documentéeaccentValidation comité risques
Note interne techniquedefaultObservation de déploiement