Border

Stroke widths are Foundation keys. Default UI chrome uses strokeWidthThin. Border color comes from color aliases (borderDefault, borderSubtle, borderFocus), not from this scale.

Scale

Token	Value
strokeWidthNone	0
strokeWidthHairline	0.5px
strokeWidthThin	1px
strokeWidthThick	2px
strokeWidthThicker	4px
strokeWidthThickest	6px

strokeWidthNone0

strokeWidthHairline0.5px

strokeWidthThin1px

strokeWidthThick2px

strokeWidthThicker4px

strokeWidthThickest6px

Usage

<Box
  border="strokeWidthThin"
  borderColor="borderDefault"
  radius="roundedLarge"
  padding="sizeLarge"
  background="backgroundSurface"
>
  Outlined surface
</Box>