AlertDialog

Confirmation dialog requiring an explicit user decision before a destructive or irreversible action proceeds.

Examples

Simple confirm / cancel dialog.

High-stakes dialog with a destructive action.

Dialog that collects input before confirming.

Scrollable content area for terms, policies, or detail.

pnpm add @rokle/components @rokle/tokens

Installs with the default Rokle brand. Generate a custom brand on rokle.app to use your own colours and personality.

import { AlertDialog } from "@rokle/components";

import { AlertDialog } from "@rokle/components";

export function Example() {
  return <AlertDialog />;
}

Prop	Type	Default	Description
open	boolean	-	Whether the dialog is visible.
title	string	-	Dialog heading text.
description	string	-	Body text explaining the action.
onConfirm	() => void	-	Called when the confirm action is triggered.