Shape
Shape tokens refer to the border radius of a visual element. Border radius is the amount of smoothness applied to the corners of a shape. The higher the value, the smoother the corners are. In addition to t-shirt-sized tokens, there are some utility tokens used for specific elements such as pill and circle.
Tokens
Name | Value | Preview |
---|---|---|
--hop-shape-circle | 624.9375rem | |
--hop-shape-pill | 1.5rem | |
--hop-shape-rounded-lg | 1rem | |
--hop-shape-rounded-md | 0.5rem | |
--hop-shape-rounded-sm | 0.25rem |