4.33.0

Box

Boxes are visual containers for content. They're used to organize and differentiate content from its surroundings.

Demo

API

Tag

Name Description
<s-box> Custom HTML tag, accepts content

Demo

Tag

Name
<SBox>

Skylab React links

General information about using our React package

Guidelines

Padding

Default padding for a Box is 12px. To customize padding, apply a spacing util class.

Design

Design resources can be found on the Skylab design documentation site: skylab.avalara.com