Borders
Borders are always solid with a default border color. You can control the position, radius, and color of borders.
Border position
Border radius
Border width
Border color
Component props
| Name | Type | Values |
|---|---|---|
| border | Responsive<Border> | true | "top" | "right" | "bottom" | "left" | "none" |
| borderWidth | Responsive<BorderWidth> | "sm" | "md" | "lg" | "xl" |
| borderRadius | Responsive<BorderRadius> | true | "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "full" |
| borderColor | BorderColor | SemanticColor | ColorName | TailwindColor |