FLIN App

Delete Confirmation

Destructive action confirmation with cancel and delete buttons.

Delete this item?

This action cannot be undone. The item will be permanently removed.

Discard Changes

Warn users about losing unsaved progress before navigating away.

Discard unsaved changes?

You have unsaved changes. If you leave now, your progress will be lost.

Simple Confirmation

Minimal dialog with just a title and yes/no buttons.

Are you sure?

Usage

<AlertDialog title="Delete this item?" description="This action cannot be undone."> <Button variant="ghost">Cancel</Button> <Button variant="danger">Delete</Button></AlertDialog>

Props

Prop	Type	Default	Description
`title`	text	"Are you sure?"	Dialog heading
`description`	text	""	Explanatory text below title
`children`	content	-	Action buttons

AlertDialog

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Delete Confirmation

Delete this item?

.flin-icon { display: inline-block; vertical-align: middle; flex-shrink: 0; } Discard Changes