1.27.1 · master

Components

Card Content Dialog Menu Popover Tag

Controls

Button Checkbox Drop-down menu Input Stepper Link Password Input Text Input

Layouts

Collection Form Layout Menu View Page

Variables

Icons

Dialog

HTML structure

dialog (dialog--success / dialog--warning / dialog--error)
├── dialog__icon (optional)
├── dialog__main
│	├── other BEM component

Available variations

Standard dialog

This is a standard dialog. It can be used to convey simple information to users, such as: 'Welcome to your dashboard'

Dialog with icon

This is a standard dialog with an inline svg icon. It can be used to convey simple information to users, such as: 'Did you know..'.

Dialog success

This is a dialog with a success modifier and an inline svg icon. It can be used to display a positive message, such as: 'Your order is confirmed'.

Dialog warning

This is a dialog with a warning modifier and an inline svg icon. It can be used to display a warning message, such as: 'This order is not yet confirmed'.

Dialog error

This is a dialog with an error modifier and an inline svg icon. It can be used to display an error message, such as: 'Your order could not be processed'.