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
ChangelogModal
Modal is the desktop version of Bottom sheet. Use Modal if you need to attract the user's attention.
Modal inherits the following components: Navigation bar, Buttons.
Use recommendations
We recommend using this component if there is no transition to the next screen in the flow.
✅ Use cases: deposit, place bet, bonus activation.
❌ Unsuitable cases: event page (has embedded content within), slot page (has deposit within).
If there is the next screen following, better use full-screen View opening. Exception: if transition to the next screen is an edge case.
Desktop version of the display is available for a width of 1024 px and more.
Behaviour
Desktop has the same types of configurations as Mobile.
Horizontal buttons only.
Specs
Minimum component height: 404 px Maximum component height: 675 px
You can change the width of the modal view.
Minimum width: 474 px Maximum width: 768 px
Important:To darken the screen, use the Background / Modal view token.
On this page
