🎉 👀 New look, same Primer! Preview the new docs experience here and let us know what you think.

Dialog

Dialog is a floating surface used to display transient content such as confirmation actions, selection options, and more.

Playground

No preview available

size

position

Name	Type	Values	Default
size	Variant	`small` `medium` `large` `full` `xlarge` `small-portrait` `medium-portrait`	`small`
position	Variant	`center` `full` `bottom` `left` `right`	`center`

small

medium

large

full

xlarge

small-portrait

medium-portrait

center

left

right

full

bottom