## Dialog Props

| Name            | Type                                                          | Default                               | Required | Description                                  |
| --------------- | ------------------------------------------------------------- | ------------------------------------- | -------- | -------------------------------------------- |
| visible         | `boolean`                                                     | `false`                               | N        | Whether to show the dialog.                  |
| title           | `string`                                                      | Current language dialog.title         | N        | Title.                                       |
| titleAlign      | `'left'\|'center'\|'right'`                                   | `'center'`                            | N        | Title alignment.                             |
| content         | `string`                                                      | Current language dialog.content       | N        | Content.                                     |
| popup           | [`Popup`](https://stdf.design/components?nav=popup&tab=1)   | `{}`                                  | N        | Popup parameters.                            |
| showIcon        | `boolean`                                                     | `false`                               | N        | Whether to show icon.                        |
| icon            | [`Icon`](https://stdf.design/components?nav=icon&tab=1)     | `{}`                                  | N        | Icon parameters.                             |
| btnStyle        | `'button'\|'text'\|'textLine'`                                | `'button'`                            | N        | Button style.                                |
| primaryText     | `string`                                                      | Current language dialog.primaryText   | N        | Primary button text.                         |
| primaryButton   | [`Button`](https://stdf.design/components?nav=button&tab=1) | `{}`                                  | N        | Primary button parameters.                   |
| secondaryText   | `string`                                                      | Current language dialog.secondaryText | N        | Secondary button text.                       |
| secondaryButton | [`Button`](https://stdf.design/components?nav=button&tab=1) | `{}`                                  | N        | Secondary button parameters.                 |
| btnRatio        | `[number,number]`                                             | `[1, 1]`                              | N        | Size ratio of primary and secondary buttons. |
| btnReverse      | `boolean`                                                     | `false`                               | N        | Whether to reverse button positions.         |
| secondaryClose  | `boolean`                                                     | `true`                                | N        | Whether secondary button closes dialog.      |
| btnGap          | `'0'\|'1'\|'2'\|'4'\|'8'\|'12'\|'16'`                         | `'2'`                                 | N        | Gap between buttons.                         |

## Dialog Events

| Name        | Type         | Parameters | Description                                 |
| ----------- | ------------ | ---------- | ------------------------------------------- |
| onclose     | `() => void` | -          | Triggered when dialog closes.               |
| onprimary   | `() => void` | -          | Triggered when primary button is clicked.   |
| onsecondary | `() => void` | -          | Triggered when secondary button is clicked. |

## Dialog Snippets

| Name         | Type                                                                | Parameters | Description                                  |
| ------------ | ------------------------------------------------------------------- | ---------- | -------------------------------------------- |
| contentChild | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -          | Render the content when it is passed in.     |
| primaryChild | [`Snippet`](https://svelte.dev/docs/svelte/snippet#Typing-snippets) | -          | Render the primaryText when it is passed in. |