shadimage
tokenui
componentduration-tokensource: ok · hit

DurationToken

A token variant with a timer icon for animation or transition durations.

npx shadcn add "https://www.tokenui.dev/r/duration-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/8/2026, 6:50:16 PM

registry/components/duration-token.tsx
'use client'

import { Timer } from 'lucide-react'

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

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

function DurationToken({ icon: Icon = Timer, ...props }: DurationTokenProps) {
  return <BaseIconToken icon={Icon} {...props} />
}

export { DurationToken, type DurationTokenProps }

More from tokenui

Browse all components in this library →