Alert Dialog

Alias of Dialog with alert-focused styling defaults.

Are you sure?

Usage

import {AlertDialog} from 'kinu';

<AlertDialog>
  <AlertDialog.Trigger>Delete</AlertDialog.Trigger>
  <AlertDialog.Content>Confirm action</AlertDialog.Content>
</AlertDialog>

Exports

Name Description Rendered HTML
AlertDialog Alert modal

Props

Prop Type Default Description
id string Optional ID for the dialog. If not provided, one will be auto-generated.

Notes

  • Re-exports Dialog so you get Trigger, Content, Close, and other helpers.
  • Use when you want dialog markup that communicates a destructive decision.

_Source: src/components/alert-dialog/index.tsx