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

NameValuePreview
--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