RadiusToken
A token variant with a spline icon for documenting border radius values.
Overview
RadiusToken is a specialized variant of the Token component that adds a visual icon to help distinguish corner radius values while keeping the tooltip for the exact measurement.
This component uses the dimension type from the W3C Design Tokens specification (§8.2), as border radius values are distance measurements.
Installation
npx shadcn add @tokenui/radius-token
Usage
Use RadiusToken for border radius values:
Want your own variant?
Check the source for this component and the bundled BaseIconToken to mirror the Token → TokenName → TokenIndicator pattern when you create your own icon-based token components.
API Reference
RadiusToken
Prop
Type