Borders are always solid with a default border color. You can control the position, radius, and color of borders.
Border position
Border radius
Border color
CSS variables
Border radius values are defined as a 5-step scale from smallest to largest.
| --border-radius-1 | 2px |
| --border-radius-2 | 4px |
| --border-radius-3 | 8px |
| --border-radius-4 | 16px |
| --border-radius-full | 9999px |
Component props
| border | Responsive<boolean> |
| borderRadius | Responsive<"1" | "2" | "3" | "4" | "full"> |
| borderColor | Responsive<BorderColor> |