Design
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 | Description |
|---|---|---|
| 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 |