Skip to content
HHydro UIdocs
Navigate
FoundationHydro UI

Radius

Shared shape roles for controls, cards, and surfaces.

TokenValueUse
--hui-radius-none0Square utility or reset.
--hui-radius-sm2pxSmall controls and subtle rounding.
--hui-radius-md6pxDefault component/group surface.
--hui-radius-lg8pxCards and larger surfaces.
--hui-radius-xl12pxProminent panels.
--hui-radius-full9999pxPills, circular controls, and fully rounded indicators.

Use one of these roles rather than a component-specific radius. A focus ring must remain visibly distinct from the component radius.