diff --git a/source/_patterns/04-components/tabs/_tabs.twig b/source/_patterns/04-components/tabs/_tabs.twig index 5b48c8907667dacd7580a654bc4c3e10d481d7e1..4bcc63fbe06ab130e30acd7f269ea6715bbda64c 100644 --- a/source/_patterns/04-components/tabs/_tabs.twig +++ b/source/_patterns/04-components/tabs/_tabs.twig @@ -1,11 +1,11 @@ -<div class="uw-tabs"> +<div class="uw-tabs{% if tabs_modifier_class %} {{ tabs_modifier_class }}{% endif %}"> <div class="uw-tab" role="tablist" aria-label="Multi-tab-list"> {% for type in content_list %} {% if tab_type == "link" %} - <a href="{{ type.url }}" class="uw-tablinks {{ button_modifier_classes }} {% if type.active %}active{% endif %} %}">{{ type.text }}</a> + <a href="{{ type.url }}" class="uw-tablinks {{ button_modifier_classes }}{% if type.active %} active{% endif %}">{{ type.text }}</a> {% else %} - <button role="tab" class="uw-tablinks {{ button_modifier_classes }} " {% if loop.index == 1 %} aria-selected="true" {% else %} aria-selected="false" {% endif %} aria-controls="{{ type }}" id="tab-{{ loop.index }}" tabindex="0">{{ type }}</button> + <button role="tab" class="uw-tablinks {{ button_modifier_classes }}" {% if loop.index == 1 %} aria-selected="true" {% else %} aria-selected="false" {% endif %} aria-controls="{{ type }}" id="tab-{{ loop.index }}" tabindex="0">{{ type }}</button> {% endif %} {% endfor %} </div> diff --git a/source/_patterns/04-components/tabs/tabs--link/tabs--link.twig b/source/_patterns/04-components/tabs/tabs--link/tabs--link.twig index 882626b19eab9a41424ee170e7f0cd3ce0d45aa4..c558818f5dde7983e10e728eafcbec17d4545667 100644 --- a/source/_patterns/04-components/tabs/tabs--link/tabs--link.twig +++ b/source/_patterns/04-components/tabs/tabs--link/tabs--link.twig @@ -6,4 +6,5 @@ tab_type: 'link', content_list: content_list, button_modifier_classes: button_modifier_classes, + tabs_modifier_class: tabs_modifier_class, } %}