Modal

Modals are used when you want the complete attention of the user. They blockout the interaction of theuser with other part of the UI until the modal is resolved.

Modal with CTA side by side

Variant 1 of modal.

            
                

                    

                        

                            Are you sure you want to exit?
                        
                        
This may lead to loss of data. Tread carefully.
                        
                    
                    

                        
                            logout
                            Yes, I want to exit
                        
                        
                            cancel
                            Nope
                        
                    
                
            
        

Modal 2

Variant 2 of modal

            
                

                    

                        

                            Are you sure you want to exit?
                        
                        
This may lead to loss of data.
                    
                    

                        
                            logout
                            Change the address through this
                        
                        
                            cancel
                            No, dont change my address.