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
ChangelogCloud box
Cloud box is a component that hosts various content within itself.
Cloud box can go with or without horizontal scroll. It has the same component features as Section heading.
Behaviour
Cloud box always has 8 px margins around Body, 40 px on top of Body, and 16 px rounding.
Scroll view Cloud box can have content inside that scrolls vertically. We recommend using this version of the component because horizontal scrolling negatively affects the use of content.
The height is defined by Body.
Cloud box also can have content inside that scrolls horizontally. We recommend the width of one card in Body content of 280 px.
Cloud box contains Section heading and has a 8 px margin.
Desktop
Scroll view When using the horizontal scroll, a button appears in the desktop version that helps scroll the content.
We recommend the width of the card for desktop of 392 px.
Breakpoint This type of component display appears after 1024 px screen width.
