<!-- AUTO-GENERATED FILE. Do not edit manually. -->

# Btn Variants

This component supports the following appearances and variants. To apply them, use the corresponding class(es) on your widget.

---

## Appearance: Filled

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Default | `btn-filled btn-default` |
| Primary | `btn-filled btn-primary` |
| Secondary | `btn-filled btn-secondary` |
| Tertiary | `btn-filled btn-tertiary` |

---

## Appearance: Outlined

**Appearance Class:** `btn-outlined`

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Default | `btn-outlined btn-default` |
| Primary | `btn-outlined btn-primary` |
| Secondary | `btn-outlined btn-secondary` |
| Tertiary | `btn-outlined btn-tertiary` |

---

## Appearance: Text

**Appearance Class:** `btn-text`

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Default | `btn-text btn-default` |
| Primary | `btn-text btn-primary` |
| Secondary | `btn-text btn-secondary` |
| Tertiary | `btn-text btn-tertiary` |

---

## Appearance: Transparent

**Appearance Class:** `btn-transparent`
