Dialog

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

On this page

  • Updated 18 Dec 2024

Playground

No preview available
size
position

Props

NameTypeValuesDefault
sizeVariantsmallmediumlargefullxlargesmall-portraitmedium-portraitsmall
positionVariantcenterfullbottomleftrightcenter

size

size: small, position: center
small
size: medium, position: center
medium
size: large, position: center
large
size: full, position: full
full
size: xlarge, position: center
xlarge
size: small-portrait, position: center
small-portrait
size: medium-portrait, position: center
medium-portrait

position

size: small, position: center
center
size: small, position: left
left
size: small, position: right
right
size: full, position: full
full
size: full, position: bottom
bottom