Dialog API

API reference for the Dialog components.

Explore these related pages for additional context and usage patterns.

Page	Category
Dialog	Disclosure
Popover	Disclosure
Expansion Panel	Disclosure

Dialog.Root

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

id

string | undefined

Unique identifier for the dialog (auto-generated if not provided)

modelValue

boolean | undefined

Default: false

Events

update:model-value

[value: boolean]

Slots

default

DialogRootSlotProps

Dialog.Activator

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

Slots

default

DialogActivatorSlotProps

Dialog.Close

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

Slots

default

DialogCloseSlotProps

Dialog.Content

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

closeOnClickOutside

boolean | undefined

Close dialog when clicking outside content

Default: true

blocking

boolean | undefined

Whether this dialog blocks scrim dismissal

Default: false

Events

cancel

[e: Event]

close

[e: Event]

Slots

default

DialogContentSlotProps

Dialog.Description

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

Slots

default

DialogDescriptionSlotProps

Dialog.Title

Props

namespace

string | undefined

Namespace for dependency injection

Default: "v0:dialog"

Slots

default

DialogTitleSlotProps