Composants → bpm.highlight-box

bpm.highlight-box

Carte avec barre latérale (numéro + label) et panneau de contenu structuré : titre, moment (optionnel), RTB et Cible.

StableMise en page⏱ 2 min
1DAILY

Tranché hyperprotéiné (type dinde / poulet)

Moment : base quotidienne — petit-déjeuner salé, sandwich, collation
RTB : +30% protéines vs classique · Protéines pois & blé français · Format tranché pratique · Faible MG
Cible : Usage quotidien, entrée de gamme, recrutement large
Python
bpm.highlight_box(
  value=1,
  label="DAILY",
  title="Tranché hyperprotéiné (type dinde / poulet)",
  moment_description="base quotidienne — petit-déjeuner salé, sandwich, collation",
  rtb_points=["+30% protéines vs classique", "Protéines pois & blé français", "Format tranché pratique", "Faible MG"],
  target_points="Usage quotidien, entrée de gamme, recrutement large"
)
PropTypeDéfautRequisDescription
valuenumberOuiNuméro affiché dans la barre gauche.
labelstringOuiTexte sous le numéro (ex. "DAILY").
titlestringOuiTitre principal du contenu.
momentDescriptionstringNonTexte affiché après le libellé "Moment :" (en italique, gris).
rtbPointsstring[]NonPoints RTB (affichés séparés par ·).
targetPointsstring | string[]NonPoints Cible (chaîne ou liste).
classNamestringNonClasses CSS additionnelles.

Exemple minimal

bpm.highlight_box(value=1, label="DAILY", title="Mon produit")