Tags

<tk-tag size="small">#small-tag</tk-tag>
<tk-tag size="medium">#medium-tag</tk-tag>

<tk-tag type="button">#clickable-tag</tk-tag>
<tk-tag type="button" is-disabled>#disabled-tag</tk-tag>

<tk-tag type="button" size="small" is-removeable aria-label="Remove this label">
  Removeable
  <tk-icon
    name="close"
    size="auto"
    slot="icon"
  />
</tk-tag>
<tk-tag type="button" is-removeable aria-label="Remove this label">
  Removeable
  <tk-icon
    name="close"
    size="auto"
    slot="icon"
  />
</tk-tag>

<div>
  <tk-tag>#hello-world</tk-tag>
  <tk-tag>#💅🏽</tk-tag>
  <tk-tag>#issa-tag</tk-tag>
  <tk-tag>#🙅🏻‍</tk-tag>
</div>

<tk-tag>#My</tk-tag>
<div class="typeahead">
  <div class="typeahead__results">
    <div class="typeahead__wrap">
      <ul class="typeahead__list">
        <li class="typeahead__item">
          <button type="button" class="typeahead__option">
            <strong>#my</strong>-tag-1
          </button>
        </li>
        <li class="typeahead__item">
          <button type="button" class="typeahead__option">
            <strong>#my</strong>-tag-2
          </button>
        </li>
        <li class="typeahead__item">
          <button type="button" class="typeahead__option">
            <strong>#my</strong>_tag_3
          </button>
        </li>
        <li class="typeahead__item">
          <button type="button" class="typeahead__option">
            <strong>#my</strong>tag4
          </button>
        </li>
      </ul>
    </div>
  </div>
</div>