Glowup
FEEDBACK · 62 / 89
ConfirmDialog
ConfirmDialog — a Material You feedback component for React Native and web.
packages/ui/src/components/Modal/ConfirmDialog.tsx
Live demo
360
720
Full
Open Confirm Dialog
Properties
5 controls
Visible
Title
Message
Confirm Text
Cancel Text
Usage
ConfirmDialog.tsx
<
ConfirmDialog
visible
={
false
}
title
=
"Delete item?"
/>
Variants
The states and shapes this component is meant to be used in.
Destructive
The confirm action takes the error tone.
Chip
Buttons & actions · 4 variants
Delete Chip
Confirm
Publish 0.1.0
Default labels
Without confirmText and cancelText: Confirm and Cancel.
Discard draft
API reference
Generated from the library's TypeScript, so it cannot drift from the implementation.
Props
10 on ConfirmDialogProps
Filter props
onCancel
required
() => void
onConfirm
required
() => void
visible
required
boolean
cancelText
string
default: "Cancel"
confirmText
string
default: "Confirm"
destructive
boolean
default: false
Renders the confirm action in the error tone (delete, discard).
dismissable
boolean
default: true
Whether the scrim and ESC cancel the dialog. Leave it off for a decision the user must answer explicitly. Defaults to `true`.
icon
IconSource
Hero glyph above the title.
message
string
title
string
Previous
Modal
Next
Popover