> For the complete documentation index, see [llms.txt](https://docs-drift.g-axon.work/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-drift.g-axon.work/components/dropdowns.md).
# Dropdowns
### Simple Dropdowns
{% tabs %}
{% tab title="Button Dropdown" %}
```markup
Dropdown button
```
{% endtab %}
{% tab title="Link Dropdown" %}
```markup
```
{% endtab %}
{% endtabs %}
### Various Color Dropdowns
{% tabs %}
{% tab title="Primary" %}
```markup
Primary
```
{% endtab %}
{% tab title="Secondary" %}
```markup
Secondary
```
{% endtab %}
{% tab title="Success" %}
```markup
Success
```
{% endtab %}
{% tab title="Warning" %}
```markup
Warning
```
{% endtab %}
{% tab title="Danger" %}
```markup
Danger
```
{% endtab %}
{% tab title="Light" %}
```markup
Light
```
{% endtab %}
{% tab title="Dark" %}
```markup
Dark
```
{% endtab %}
{% endtabs %}
### Sizes
{% tabs %}
{% tab title="Default" %}
```markup
Primary
```
{% endtab %}
{% tab title="Large" %}
```markup
Primary
```
{% endtab %}
{% tab title="Small" %}
```markup
Primary
```
{% endtab %}
{% endtabs %}
### Directions
{% tabs %}
{% tab title="Up" %}
```markup
Dropup button
```
{% endtab %}
{% tab title="Down" %}
```markup
```
{% endtab %}
{% tab title="Right" %}
```markup
Dropup button
```
{% endtab %}
{% tab title="Left" %}
```markup
Dropleft button
```
{% endtab %}
{% endtabs %}