Border Width

PRO

You can edit 8 Components for free. Get premium for unlimited access.

Overview of the border width options.

Figma

Border values are derived from a 7-step scale, which is used for props such as stroke-size. These props accept numeric strings from "border-0" to "border-4" ,which correspond to the steps in the scale below.

Step
Base value
border-0
0 px
border-0.5
0.5 px
border
1 px
border-1.5
1.5 px
border-2
2 px
border-3
3 px
border-4
4 px

SwiftUI

Border values are derived from a 7-step scale, which is used for props such as stroke-size. These props accept numeric strings from "border_0" to "border_4" ,which correspond to the steps in the scale below.

Step
Base value
border_0
0 px
border_0_5
0.5 px
border
1 px
border_1_5
1.5 px
border_2
2 px
border_3
3 px
border_4
4 px

Jetpack Compose

Border values are derived from a 7-step scale, which is used for props such as stroke-size. These props accept numeric strings from "border_0" to "border_4" ,which correspond to the steps in the scale below.

Step
Base value
border_0
0 dp
border_0_5
0.5 dp
border
1 dp
border_1_5
1.5 dp
border_2
2 dp
border_3
3 dp
border_4
4 dp

React Native

Border values are derived from a 7-step scale, which is used for props such as stroke-size. These props accept numeric strings from "border-0" to "border-4" ,which correspond to the steps in the scale below.

🚧

Discover more content

You have questions or need help?

E-Mail

You want to try?

Test for free

Save time and money?

Get Pro Version