Skip to content

Border radius tokens

Radius steps are px values from design, except round (100%) for pill or fully rounded corners. CSS variables are --catnip-radius-*; @signicat/catnip-css exposes matching .catnip-radius-* utilities.

No radius tokens were found. Build the design-tokens package (e.g. pnpm run build in packages/design-tokens) and restart the docs dev server.

Catnip Design System by Signicat