CBP UI Library

Tag Button 

<a href="#" class="tagButton ">tag</a>

<link media="all" rel="stylesheet" href="/tag-button/tag-button.css" />
<script src="/tag-button/tag-button.js"></script>
 
<a href="#" class="tagButton {{ iconClass }}">tag</a>

{% import "_macros.twig" as h %}
{{ h.componentAssets('tag-button') }}
 
/* No context defined. */
  • Content: 
    @use "../_layout/mixins";
.tagButton {
  @include mixins.button();
  --button-color: var(--white);
  --button-bg: var(--blue);
  --button-border: none;
  --button-size: var(--step--1);
  --button-padding: 0.6em 1em;

  &:hover,
  &:active {
    --button-bg: var(--blue--dark);
  }
}
  • URL: /components/raw/tag-button/tag-button.scss
  • Filesystem Path: src/components/tag-button/tag-button.scss
  • Size: 283 Bytes

No notes defined.