Shape

Shape tokens play a crucial role in defining the corner radii, also known as 'radius,' for various elements within our design system. These tokens provide a flexible and consistent way to customize the curvature and roundness of corners in UI components, ensuring a cohesive and visually pleasing user interface.

var(--ty-sys-shape-corner-none)

var(--ty-sys-shape-corner-xs)

var(--ty-sys-shape-corner-sm)

var(--ty-sys-shape-corner-md)

var(--ty-sys-shape-corner-lg)

var(--ty-sys-shape-corner-xl)

var(--ty-sys-shape-corner-full)