BorderBox

BorderBox is a Box component with a border. When no borderColor is present, the component defaults to a gray border.

Default example

This is a BorderBox
<BorderBox>This is a BorderBox</BorderBox>

System props

BorderBox components get COMMON and LAYOUT system props. Read our System Props doc page for a full list of available props.

Component props

Prop nameTypeDefaultDescription
borderString'borders.1' (from theme)Sets the border, use theme values or provide your own.
borderColorString'gray.2' (from theme)Sets the border color, use theme values or provide your own.
borderRadiusString or Number'radii.1' (from theme)Sets the border radius, use theme values or provide your own.
boxShadowStringSets box shadow, use theme values or provide your own.
Edit this page on GitHub