Dialogue

An dialogue displays a short, important message in a way that attracts the user's attention without interrupting the user's task.

Dialogue box with description

You can use description in Dialogue boxes. You need to include class dialogue-description and for buttons add dialogue-buttonsas shown below.

Dialogue box with title

You can use an dialogue box only with title. You need to include class dialogue-heading and for buttons add dialogue-buttonsas shown below.

Dialogue box without title

You can use an dialogue box without tilte also. You need to include class dialogue-content and for buttons add dialogue-buttons as shown below.

Dialogue box with stacked buttons

You can use an dialogue box without title and with stacked button also. You need to include class dialogue-content and for buttons add dialogue-buttons-stacked as shown below.

Dialogue box with items

You can use an dialogue box with stacked items also. These type of dialogues are useful in forms. You need to include class dialogue-items and for particular item add dialogue-item as shown below.

Dialogue box with confirmation items

You can use an dialogue box with stacked and choosable items also. These type of dialogues are useful in forms. You need to include class dialogue-items only if you have less items. But in case if you have more items then three then also include dialogue-items-scroll for scrollable menu. And for particular item add dialogue-item as shown below.

Dialogue box with confirmation items

You can use an dialogue box with stacked and choosable items also. These type of dialogues are useful in forms. You need to include class dialogue-items only if you have less items. But in case if you have more items then three then also include dialogue-items-scroll for scrollable menu. And for particular item add dialogue-item as shown below.