Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.
				
<Dialog.Container modal slot="component">
    <Dialog.Trigger class="dialog__trigger">
        Open Dialog
    </Dialog.Trigger>
    <Dialog.Overlay class="dialog__overlay" />
    <Dialog.Content class="dialog__content">
        <Dialog.Title class="dialog__title">Dialog Title</Dialog.Title>
        <Dialog.Description>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed condimentum, nisl nec
            tincidunt lacinia, tortor nisl aliquam tortor, eget aliquam nisl nunc vel lorem. Sed
            euismod, nisl non aliquam tincidunt, nisl nunc aliquam tortor, eget aliquam nisl
            nunc vel lorem.
        </Dialog.Description>
        <Dialog.Close class="dialog__close">Close</Dialog.Close>
    </Dialog.Content>
</Dialog.Container>
				
			

API Reference

Close

No props

Container

Prop Type Default
open boolean false
modal boolean true

Content

No props

Description

No props

Overlay

No props

Title

No props

Trigger

No props