Relative Time

This is a shadcn/ui type react component that displays the relative time comparing to the current time

Demo

  import { RelativeTime } from '@/registry/vinkas/ui/relative-time'

  export function InputCopyableDemo() {
    return <RelativeTime date={new Date()} />
  }

Installation

npx shadcn@latest add @vinkas-ui/relative-time

Make sure you already have the @vinkas-ui registry added to your components.json file. Read the installation guide for more information.

API Reference

See the Tooltip documentation of shadcn/ui for more information. TooltipTrigger is used as the base component for RelativeTime.

Input Copyable

This is a shadcn/ui type Input react component that has copy button which copies the value to clipboard

UTM Link

This is a shadcn/ui type react component that automatically adds UTM parameters to the href on click

On this page

Demo Installation API Reference