The predefined keyword values are as follows:
none: translates to 0
sm: translates to 2px
md: translates to 4px
lg: translates to 8px
xl: translates to 12px
2xl: translates to 16px
3xl: translates to 24px
max: translates to 9999px
To import the Button, Flex, and Box components:
Button with LeftRadius="0", creating no border radius on left, but default settings on right.
Button with TopRadius="0", creating no border radius on top, but default settings on bottom.
Button with borderBottomRadius="0", creating no border radius on bottom, but default settings on top.
Diagonal split view: You can use borderRadius property to create a visually interesting diagonal split view effect. By applying a large border radius to only two corners of a box and giving it a linear gradient, you can create a box that looks like it's been cut diagonally
Did you know?
Creative Idea No. 1
Creative Idea No. 2
Creative Idea No. 3