shadimage
tokenui
componentfont-family-tokensource: ok · hit

FontFamilyToken

A token variant with a type icon for font family values.

npx shadcn add "https://www.tokenui.dev/r/font-family-token.json"
free

No selection tags yet — empty means no evidence, not lack of support.

Dependencies

Bundle weight · light
iconslucide-react

Registry dependencies

@tokenui/icon-token

Files1 · source cached 10/14/2026, 11:34:00 AM

registry/components/font-family-token.tsx
'use client'

import { Type } from 'lucide-react'

import { BaseIconToken, type BaseIconTokenProps } from './icon-token'

type FontFamilyTokenProps = Omit<BaseIconTokenProps, 'icon'> & {
  icon?: BaseIconTokenProps['icon']
}

function FontFamilyToken({ icon: Icon = Type, ...props }: FontFamilyTokenProps) {
  return <BaseIconToken icon={Icon} {...props} />
}

export { FontFamilyToken, type FontFamilyTokenProps }

More from tokenui

Browse all components in this library →