How to setup
Design tokensComponents
Text 
Text field
Button
Control
List cells
Section heading
Navigation bar
Tab bar
Header
Toast
Tooltip
Page
Label
Cloud box
Loader
Slot
Empty stateModules
Banner
Bottom sheet
Modal
Drawer
Alert view
List view
Collection
Scalable collection
Scrollable collection
Interface editorial policy
Icons
Skeleton
Team
ChangelogAlert view
/w=3840,quality=90,fit=scale-down)
Alert view is a module that has a modal representation. It blocks user interaction with the interface until the user performs the required action.
Alert view inherits Buttons.
Use recommendations
We recommend using this component if you want to focus the user on making a choice. If the user can answer the question "Yes" or "No", most likely, it's the case where you can use Alert view.
✅ Use cases:
- Accept coefficient changes: Yes or no.
- Accept the contract of offer: Yes or no.
- Try deposit again: Yes or no.
- Wrong password, try again: OK.
❌ Unsuitable cases: filters, promo content.
Behaviour
Basic structure:
- Title
- Subtitle
- Button block
Margins 16 px on the sides.
Specs
/w=3840,quality=90,fit=scale-down)
Recommended max length: Title: 40 characters Subtitle: 97 characters
/w=3840,quality=90,fit=scale-down)
Button layout types:
Horizontal button 1 button 2 buttons
We use the secondary button to cancel the action.
/w=3840,quality=90,fit=scale-down)
The width and height for the desktop remain static:
Width: 328 px Height: 198 px
On this page
