BBH

Labels 

<div class="flex gap-2 pb-12">

    <span class="
    c-label
    c-label--primary
  ">Primary</span>

    <span class="
    c-label
    c-label--secondary
  ">Secondary</span>

    <span class="
    c-label
    c-label--tertiary
  ">Tertiary</span>
</div>

<div class="flex gap-2">

    <span class="
    c-label
    c-label--primary
  ">Premium-Partner</span>

    <span class="
    c-label
    c-label--secondary
  ">Kategorie</span>

    <span class="
    c-label
    c-label--secondary
  ">Kategorie</span>

    <span class="
    c-label
    c-label--secondary
  ">Kategorie</span>

    <span class="
    c-label
    c-label--tertiary
  ">ANZEIGE</span>
</div>
 
<div class="flex gap-2 pb-12">
  {% render '@label', { label: 'Primary', theme: 'primary' } %}
  {% render '@label', { label: 'Secondary', theme: 'secondary' } %}
  {% render '@label', { label: 'Tertiary', theme: 'tertiary' } %}
</div>

<div class="flex gap-2">
  {% render '@label', { label: 'Premium-Partner', theme: 'primary' } %}
  {% render '@label', { label: 'Kategorie', theme: 'secondary' } %}
  {% render '@label', { label: 'Kategorie', theme: 'secondary' } %}
  {% render '@label', { label: 'Kategorie', theme: 'secondary' } %}
  {% render '@label', { label: 'ANZEIGE', theme: 'tertiary' } %}
</div>
 
/* No context defined. */

No notes defined.