system - border-radius
Applying the border-radius system modifier to your component will allow consumers of your component to pass in the following props:
| Prop | Type | Default | Description |
|---|---|---|---|
$borderRadius | radius | undefined | Applies a border radius to all corners of the element |
$borderTopRadius | radius | undefined | Applies a border radius to both top corners of the element |
$borderLeftRadius | radius | undefined | Applies a border radius to both left corners of the element |
$borderRightRadius | radius | undefined | Applies a border radius to both right corners of the element |
$borderBottomRadius | radius | undefined | Applies a border radius to both bottom corners of the element |
$borderTopLeftRadius | radius | undefined | Applies a border radius to the top left corner of the element |
$borderTopRightRadius | radius | undefined | Applies a border radius to the top right corner of the element |
$borderBottomLeftRadius | radius | undefined | Applies a border radius to the bottom left corner of the element |
$borderBottomRightRadius | radius | undefined | Applies a border radius to the bottom right corner of the element |