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
ChangelogDrawer
Drawer is the desktop version of Bottom sheet. Use Drawer type if you have used filters, betslip, or deposit and it is important to keep the user's content on the screen.
Drawer 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, filters.
❌ Unsuitable cases: event page (has embedded content within), slot page (has deposit within).
If there is the next screen following, better use modal view. 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.
The component always comes out on the right and occupies 100% of the screen height.
Important:Use token for shadow.
On this page
