---
title: Tabs
---

## Default markup

{% example html columns=1 %}
{% include cards/tabs.html id="ex1" %}
{% endexample %}

## Tabs with icons

{% example html columns=1 %}
{% include cards/tabs.html icons=true settings=true id="ex2" %}
{% endexample %}

## Tabs only with icons

{% example html columns=1 %}
{% include cards/tabs.html icons=true settings=true hide-text=true id="ex3" %}
{% endexample %}

## Tabs with dropdown

{% example html columns=1 %}
{% include cards/tabs.html dropdown=true id="ex4" %}
{% endexample %}

## Full-width tabs

{% example html columns=1 %}
{% include cards/tabs.html justified=true icons=true hide-text=true activity=true id="ex5" %}
{% endexample %}

## Alternate style

{% example html columns=1 %}
{% include cards/tabs.html icons=true alternative=true settings=true id="ex6" %}
{% endexample %}