Alert Dialog

A modal that requires an explicit confirmation.

Examples

Install the package, then import only the components a route uses. Exports are tree-shakable.

Install

pnpm add fractalsvelte

Import

<script lang="ts">
	import { AlertDialog } from 'fractalsvelte';
</script>

<script lang="ts">
	import { AlertDialog } from 'fractalsvelte';
</script>

<AlertDialog />

Prop	Type	Default	Description
`title`	`string`	`-`	The heading shown in the surface.
`description`	`string`	`-`	Supporting text shown beneath the title.
`trigger`	`string`	`'Open alert'`	Label for the control that opens the surface.
`confirmLabel`	`string`	`'Continue'`	Label for the confirm action.
`cancelLabel`	`string`	`'Cancel'`	Label for the cancel action.
`onconfirm`	`() => void`	`-`	Called when the user confirms.