AlertDialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

				
<AlertDialog.Container modal slot="component">
    <AlertDialog.Trigger class="dialog__trigger">
        Open Alert Dialog
    </AlertDialog.Trigger>
    <AlertDialog.Overlay class="dialog__overlay" />
    <AlertDialog.Content class="dialog__content">
        <AlertDialog.Title class="dialog__title">Alert Dialog</AlertDialog.Title>
        <AlertDialog.Description>
            You can't close this dialog by clicking outside, you have to take an action.
            You can also press the escape key to exit.
        </AlertDialog.Description>
        <AlertDialog.Close class="dialog__close">Close</AlertDialog.Close>
    </AlertDialog.Content>
</AlertDialog.Container>

API Reference

Content

No props