## Pop-ups

### Modals

##### Single Page Dialog

This is a single page dialog, on click opens up a dilaog with one page. It has header and a close button. This is similar to confirm dialog box with ok and cancel buttons. on close there is no confirmation popup.

##### Multi Page Dialog

This is a multi page dialog, on click opens up a dilaog with muliple page. It has header and a close button, next and previous buttons can be used to navigate between pages. This is similar to confirm dialog box with ok and cancel buttons.

##### Full Page Dialog

This a full screen multi page dialog, on click opens up a full screen dialog with a progress bar. This progress bar can also be hidden based on use case. Each page will have a next and back button. Based on page count the progress bar is generated.

## Toast Messages

### Success Message

On triggering the success toast message, displays the message in a green color box for couple of seconds and hides. All the variations of the success message is show cased in the below buttons. Click on each button to see the variations.

### Error Message

On triggering the error toast message, displays the message in a red color box for couple of seconds and hides. All the variations of the error toast message is show cased in the below buttons. Click on each button to see the variations.

### Info Message

On triggering the Info toast message, displays the message in a blue color box for couple of seconds and hides. All the variations of the info toast message is show cased in the below buttons. Click on each button to see the variations.

### Banner

Displays a message in a banner which is in yellow color. This can be closed on clicking the cross button. This banner message is displayed at the botton of the screen.