Components
Charts
Setting UpArea ChartLine ChartBar ChartPie ChartRadar ChartRadial Bar ChartScatter ChartTooltip ChartColors
Color AreaColor FieldColor PickerColor SliderColor SwatchColor Swatch PickerColor ThumbColor WheelDrag and drop
Drop ZoneForms
CheckboxCheckbox GroupFieldFormInput OTPNumber FieldRadio GroupSearch FieldTag FieldText FieldTextareaUtilities
Visually HiddenComponents
Container
A container is a wrapper that helps you center and pad your content, and it's great for laying out your page.
Installation
If you hit any issues, make sure you check out the installation guide here for more information.
Manual Installation
Intent
Containers come in two variants: constrained
and padded-content
. The constrained
variant doesn't have padding on mobile view, while the padded-content
variant has padding on both mobile and desktop. And the default variant is padded-content
. If you want to change the variant, you can use the intent
prop.