GlassDialog class

A glass morphism alert dialog following Apple's iOS design patterns.

GlassDialog provides a modal dialog with liquid glass effect, composing GlassContainer.card and GlassButton as building blocks.

Key Features

• Liquid glass backdrop with blur effect
• Composable design using GlassContainer.card + GlassButton
• iOS-style alert layout
• 1-3 action buttons with smart layout
• Customizable glass settings
• Optional custom content

Usage

Basic Alert

GlassDialog.show(
  context: context,
  title: 'Delete Item?',
  message: 'This action cannot be undone.',
  actions: [
    GlassDialogAction(
      label: 'Cancel',
      onPressed: () => Navigator.pop(context),
    ),
    GlassDialogAction(
      label: 'Delete',
      isDestructive: true,
      onPressed: () {
        // Delete logic
        Navigator.pop(context);
      },
    ),
  ],
);

Single Action

GlassDialog.show(
  context: context,
  title: 'Success',
  message: 'Your changes have been saved.',
  actions: [
    GlassDialogAction(
      label: 'OK',
      onPressed: () => Navigator.pop(context),
    ),
  ],
);

Three Actions

GlassDialog.show(
  context: context,
  title: 'Save Changes?',
  message: 'You have unsaved changes.',
  actions: [
    GlassDialogAction(
      label: 'Don\'t Save',
      onPressed: () => Navigator.pop(context, false),
    ),
    GlassDialogAction(
      label: 'Cancel',
      onPressed: () => Navigator.pop(context),
    ),
    GlassDialogAction(
      label: 'Save',
      isPrimary: true,
      onPressed: () => Navigator.pop(context, true),
    ),
  ],
);

Custom Content

GlassDialog.show(
  context: context,
  title: 'Enter Name',
  content: Padding(
    padding: EdgeInsets.symmetric(vertical: 16),
    child: TextField(
      decoration: InputDecoration(
        hintText: 'Name',
      ),
    ),
  ),
  actions: [
    GlassDialogAction(
      label: 'Cancel',
      onPressed: () => Navigator.pop(context),
    ),
    GlassDialogAction(
      label: 'OK',
      isPrimary: true,
      onPressed: () => Navigator.pop(context),
    ),
  ],
);

Custom Glass Settings

GlassDialog.show(
  context: context,
  title: 'Custom Dialog',
  message: 'With custom glass effect',
  settings: LiquidGlassSettings(
    thickness: 40,
    blur: 15,
    glassColor: Colors.purple,
  ),
  actions: [
    GlassDialogAction(
      label: 'OK',
      onPressed: () => Navigator.pop(context),
    ),
  ],
);