• Box For custom layouts.
The spacing between children can be adjusted using the space prop.
Responsive values are supported, e.g. space={{ mobile: 'small', tablet: 'medium', desktop: 'large', wide: 'xlarge' }}
Items can be aligned horizontally using the align prop. Responsive values are supported, e.g. align={{ mobile: 'center', tablet: 'left' }}
left
center
right
Dividers can be placed between each item using the dividers prop. Supports both regular and strong variants
regular
strong
The Hidden component can be used to responsively hide specific items.
1
2
3
4