ArcaneAlertDialog

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert-dialog

Preview + Code

Code

ArcaneBox(
  children: [
    Button.destructive(label: 'Delete project', onPressed: openDialog),
    if (dialogOpen)
      ArcaneAlertDialog(
        title: 'Delete Project?',
        message: 'This action cannot be undone.',
        buttonText: 'Understood',
        onDismiss: closeDialog,
      ),
  ],
)

ArcaneAlertDialog#

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/dialog/confirm.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneAlertDialog

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert-dialog

Preview + Code

Code

ArcaneBox(
  children: [
    Button.destructive(label: 'Delete project', onPressed: openDialog),
    if (dialogOpen)
      ArcaneAlertDialog(
        title: 'Delete Project?',
        message: 'This action cannot be undone.',
        buttonText: 'Understood',
        onDismiss: closeDialog,
      ),
  ],
)

ArcaneAlertDialog#

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/dialog/confirm.dart

See the Component Catalog for the full exported surface and source mapping.

ArcaneAlertDialog

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

 1 min read

 Updated Jun 28, 2026

Live Demo

Component: alert-dialog

Preview + Code

Code

ArcaneBox(
  children: [
    Button.destructive(label: 'Delete project', onPressed: openDialog),
    if (dialogOpen)
      ArcaneAlertDialog(
        title: 'Delete Project?',
        message: 'This action cannot be undone.',
        buttonText: 'Understood',
        onDismiss: closeDialog,
      ),
  ],
)

ArcaneAlertDialog#

Use alert dialogs for focused confirmation moments where the user needs a clear title, message, and acknowledgement action.

The live preview and code sample above use the neutral package:arcane_jaspr/arcane_jaspr.dart API. The selected stylesheet owns spacing, density, radius, color, and interaction styling, so the same app code can render differently under Shadcn or Neon.

Source: lib/component/dialog/confirm.dart

See the Component Catalog for the full exported surface and source mapping.