Chips & badges

Chips — cinq tailles

data-size="xs"
24Chip XSChip XS

data-size="s"
28Chip SChip S

data-size="m"
32Chip MChip M

data-size="l"
40Chip LChip L

data-size="xl"
50Chip XLChip XL

Chips — trois styles

défautDefault

filled
peachPeach

filled
lavandeLavande

filled
natureNature

filled
sunsetSunset

filled
neutralNeutral

outlined
peachPeach

outlined
lavandeLavande

outlined
natureNature

outlined
sunsetSunset

outlined
neutralNeutral

Les cinq catégories

concurrence
→ peachConcurrenceConcurrence

techno
→ lavandeTechnoTechno

ecosysteme
→ natureÉcosystèmeÉcosystème

marche
→ sunsetMarchéMarché

signal
→ neutralSignal faibleSignal faible

Badges — deux tailles

data-size="s"
24New22

data-size="m"
28New22

Badges — quatre styles

fireFire22

seaSea22

nightNight22

lowLow22

ancré sur un contrôle2

Hors planche

data-variant="dot"

data-variant="status"Vu

Balisage

<span class="ice-chip" data-size="m">Techno</span>

<span class="ice-chip" data-style="filled" data-hue="peach">
  <i data-icon="star"></i> Peach
</span>

<span class="ice-chip" data-style="filled" data-category="techno">Techno</span>

<span class="ice-badge" data-hue="fire">2</span>