FontFamilyToken
A token variant with a type icon for documenting font family values.
Overview
FontFamilyToken is a specialized variant of the Token component that adds a visual icon to help distinguish font family values while keeping the tooltip for the exact font stack.
This component implements the fontFamily type from the W3C Design Tokens specification (§8.3), which represents font names or font stacks.
Installation
npx shadcn add @tokenui/font-family-token
Usage
Use FontFamilyToken for font family and font stack 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
FontFamilyToken
Prop
Type