Cant Stop Houston Component Library

Button Group 

<div class="button-group">
</div>
 
{% import "icons.twig" as icons %}

<div
  class="button-group{% if align == 'center' %} button-group--centered{% endif %}"
>
  {% for item in items %}
    <a class="btn btn--{{ color|default('red') }}" href="{{ item.button.url }}" target="{{ item.button.target }}" aria-label="{{ item.button.aria_label }}"><span>{{ item.button.title }} {{ icons.icon('down-arrow', '') }}</span></a>
  {% endfor %}
</div>
 
{
  "in_component_library": true
}
  • Content: 
    .button-group {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: rem-calc(12px);

  &--centered {
    justify-content: center;
  }
}
  • URL: /components/raw/button-group/_button-group.scss
  • Filesystem Path: src/twig/components/button-group/_button-group.scss
  • Size: 144 Bytes

No notes defined.

©