Border
Colors
Figma variables nameClass nameCopy code
- Neutral
.border-neutral - Neutral strong
.border-neutral-strong - Brand
.border-brand - Brand strong
.border-brand-strong - Success
.border-success - Success strong
.border-success-strong - Danger
.border-danger - Danger strong
.border-danger-strong - Info
.border-info - Info strong
.border-info-strong - Warning
.border-warning - Warning strong
.border-warning-strong
Widths
Figma variables nameClass nameCopy code
- 1
.border-1 - 2
.border-2 - 3
.border-3 - 4
.border-4 - 5
.border-5
Position
Figma variables nameClass nameCopy code
- None
.border-0 - All
.border - Top
.border-top - Bottom
.border-bottom - Left
.border-left - Right
.border-right .border.border-right-0.border-left-0- Left and right
.border.border-top-0.border-bottom-0
Radius
Figma variables nameClass nameCopy code
- None
.rounded-0 - xs
.rounded-1 - small
.rounded-2 - medium
.rounded-3 - large
.rounded-4 - full
.rounded-5