Beautiful Dialogs - Alert, Confirm, Input & Action Sheets

5 Dialog Components

AlertDialog

Customizable:

• Icon - pick from 3000+ icons
• Icon Color - match your action (red for delete, green for success)
• Title & Message - describe the action
• Confirm/Cancel buttons - custom text and color
• 4 Variants - default, danger, success, info

Flow:

Event (Delete.onPress) → Show Dialog (alertDialog_1)
AlertDialog.onConfirm → Delete from Database → Hide Dialog → Show Toast ("Deleted!")
AlertDialog.onCancel → Hide Dialog

InputDialog

Get text input without a separate screen:

• Custom title, message, placeholder
• Input types: text, number, email, password
• Saves input to a variable automatically

Flow:

Event (Rename.onPress) → Show Dialog (inputDialog_1)
InputDialog.onSubmit → Set Variable (itemName) → Hide Dialog → Show Toast ("Renamed!")

LoadingDialog

Show during API calls or long operations:

• 3 variants: overlay (dim background), fullscreen, inline
• Custom message and spinner color

Flow:

Event (Save.onPress) → Show Loading (loading_1) → API Call (save data) → Hide Loading → Show Toast ("Saved!")

ActionSheet

Bottom slide-up menu:

• Comma-separated options
• Destructive option (shown in red)
• Cancel button

Flow:

Event (More.onPress) → Show Dialog (actionSheet_1)
ActionSheet.onSelect → Switch (selectedOption) → [Edit] navigate → [Delete] Show AlertDialog

Start building at mobcraft.in.