Dialog Sizes

Small dialogs are perfect for quick confirmations, simple messages, or compact forms. The narrow width (400px) keeps content focused and easy to read.

💡 Use for: Confirmations, alerts, simple inputs

Medium dialogs provide a comfortable reading width for most content. This is the default and recommended size for general purpose dialogs.

💡 Use for: Forms, detailed messages, standard modals

Large dialogs offer generous space for complex content like multi-column layouts, data tables, or detailed forms.

💡 Use for: Tables, multi-column forms, detailed content

This is a full screen dialog. It takes up the entire viewport and is useful for immersive experiences or complex workflows.