Box
Boxes are visual containers for content. They're used to organize and differentiate content from its surroundings.
Demo
Lorem ipsum
API
Tag
| Name | Description |
|---|---|
<s-box>
|
Custom HTML tag, accepts content |
Classes
| Name | Description |
|---|---|
radius-sm |
Decreases the border-radius of the box |
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