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

# Modal Variants

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

---

## Appearance: Default

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Xs | `modal-dialog modal-xs` |
| Sm | `modal-dialog modal-sm` |
| Md | `modal-dialog modal-md` |
| Lg | `modal-dialog modal-lg` |
| Xl | `modal-dialog modal-xl` |
| Full-screen | `modal-dialog modal-full-screen` |

---

## Appearance: Sheet

**Appearance Class:** `modal-dialog modal-sheet`

**Variants:**

| Variant Name | Class |
|--------------|-------|
| Top | `modal-dialog modal-sheet sheet-position-top` |
| Right | `modal-dialog modal-sheet sheet-position-right` |
| Bottom | `modal-dialog modal-sheet sheet-position-bottom` |
| Left | `modal-dialog modal-sheet sheet-position-left` |
