Box

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

Demo

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

Name	Description
`radius-lg`	Increases the border-radius of the box to 12px
`radius-sm`	Deprecated. The 8px border-radius is now the default; this class is retained as a no-op alias and will be removed in a future release.

Name
`<SBox>`

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

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