Box — Web — Spirit Design System

Default

Content

For demo purposes the box is bordered

With custom padding

With custom vertical and horizontal padding

With custom padding for each direction

With responsive padding

For demo purposes the box has custom padding

Without radius

With custom radius

With full radius

With thicker border

With focus color

With dashed border style

For demo purposes the box is bordered

Primary Background

Secondary Background

Tertiary Background