tokenui
componentcolor-tokensource: ok · refreshed
ColorToken
A specialized component for documenting color tokens.
npx shadcn add "https://www.tokenui.dev/r/color-token.json"free
No selection tags yet — empty means no evidence, not lack of support.
Dependencies
Bundle weight · lightRegistry dependencies
@tokenui/token
Files1 · source cached 10/8/2026, 12:12:55 AM
registry/components/color-token.tsx
'use client'
import { Token, TokenIndicator, TokenName, type TokenProps } from './token'
function ColorToken({ name, value, ...props }: TokenProps) {
return (
<Token name={name} value={value} {...props}>
<TokenName>
<TokenIndicator />
<span>{name}</span>
</TokenName>
</Token>
)
}
export { ColorToken }