bloomBUILD•SHIP•BLOOM
Feedback & OverlaysDialog
.md

Dialog

BloomDialog

A modal window that appears in front of app content with shaded footer and compound title/description slots.

bloom ui add dialog
package: bloom_ui
bloom-uiBloomDialog

Usage

BloomDialog.dart
dart
BloomDialog.show(
  context: context,
  builder: (ctx) => BloomDialog(
    header: const BloomDialogHeader(
      title: BloomDialogTitle('Edit Profile'),
      description: BloomDialogDescription('Make changes to your account here.'),
    ),
    content: const BloomInput(placeholder: 'Display Name'),
    footer: BloomDialogFooter(
      child: BloomButton(
        size: BloomButtonSize.sm,
        onPressed: () => Navigator.pop(ctx),
        child: const Text('Save'),
      ),
    ),
  ),
)
Previous Component
Progress
Next Component
Alert Dialog