Tag

Width 375 768 Full Open in a tab

The classes below, on plain markup, in their own document — so what you are looking at is core's stylesheet and nothing else.

The markup

<span class="aparte-tag">
  <span class="aparte-tag__label">typescript</span>
  <button class="aparte-tag__remove" aria-label="Remove typescript"><aparte-icon name="close"></aparte-icon></button>
</span>
<span class="aparte-tag aparte-tag--sm"><span class="aparte-tag__label">draft</span></span>

A removable chip

Classes

.aparte-tag · .aparte-tag--sm · .aparte-tag__label · .aparte-tag__remove

The tokens these read are on the CSS variables reference; every class of the kit, on one page, is the classes reference.