Dialogs are a standard way to inform the user about some result, giving the user option to react to it.
Variant | Snapshot |
---|---|
Standard Source Code This component gives the user option to confirm the information. |
![]() |
Advanced Source Code This component gives the user the choice out of two options, usually dismiss or confirmation. |
![]() |
Error Source Code Component indicating error. |
![]() |
Components replacing the whole screen, for example when indicating an error.
Variant | Snapshot |
---|---|
Error Source Code Component replacing the whole screen when indicating the error, with a custom action button and title. |
![]() |
Component being displayed inside a list.
Component allows to display the "action" on the right of the component.
Variant | Snapshot |
---|---|
Content with action Source Code Component allows to display the "action" on the right of the component. |
![]() |
Content with icon Source Code Component also takes a icon which is displayed on the left of the "content". |
![]() |
Content only Source Code Component taking only the "content". |
![]() |
Variant | Snapshot |
---|---|
Outlined button with icon Source Code |
![]() |
Outlined button no icon Source Code |
![]() |
Topbar is a component on the top of the screen.
Variant | Snapshot |
---|---|
Topbar with back navigation Source Code |
![]() |
Topbar with no navigation Source Code |
![]() |