Radius

Radius tokens define corner curvature for inputs, cards, popovers, chips, and avatars.

NameVariable valueClass name
None...--openui-radius-none
3XS...--openui-radius-3xs
2XS...--openui-radius-2xs
Xs...--openui-radius-xs
S...--openui-radius-s
M...--openui-radius-m
L...--openui-radius-l
Xl...--openui-radius-xl
2XL...--openui-radius-2xl
3XL...--openui-radius-3xl
4XL...--openui-radius-4xl
5XL...--openui-radius-5xl
6XL...--openui-radius-6xl
7XL...--openui-radius-7xl
8XL...--openui-radius-8xl
9XL...--openui-radius-9xl
Full...--openui-radius-full
Radius components preview coming soon.