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
ChangelogButton
Buttons help users launch operations, navigate to other pages, or make selections with a single click.
The button can support any icon by the link. Unfortunately, you can't change the token for background color, title, or subtitle.
Regular button
Behaviour
Regular button size is determined by the layout outside.
This component supports RTL (right-to-left).
Specs
This button should be limited not by symbols but by layout. The text box should always have a 16 px margin to allow for platform flexibility.
Regular button styles
Default primary button
Important: This button supports one line text only.
Primary button with icon
Important: The 24×24 icon comes only from the kit.
Primary button with double lines
Primary button with inverted double lines
Default deposit button
Deposit button with icon
Important: The 24×24 icon comes only from the kit.
Deposit button with double lines
Deposit button with inverted double lines
Default secondary button
Secondary button with icon
Important: The 24×24 icon comes only from the kit.
Secondary button with double lines
Secondary button with inverted double lines
Default text button
Text button with icon
Important: The 24×24 icon comes only from the kit.
Text button with double lines
Text button with inverted double lines
Low button
Behaviour
Button low size is determined by the layout inside.
This component supports RTL (right-to-left).
Specs
Button low is limited by 20 characters because the button increases depending on the text amount.
Button low styles
Default primary button
Primary button with icon
Important: The 24×24 icon comes only from the kit.
Default deposit button
Deposit button with icon
Important: The 24×24 icon comes only from the kit.
Default secondary button
Secondary button with icon
Important: The 24×24 icon comes only from the kit.
Default tertiary button
Tertiary button with icon
Important: The 24×24 icon comes only from the kit.
Default text button
Text button with icon
Important: The 24×24 icon comes only from the kit.
