UTM Link

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

Demo

  import { UTMLink } from '@/registry/vinkas/ui/utm-link'

  export function UTMLinkDemo() {
    return <UTMLink href="https://vinkas.com" source="vinkas" medium="utm-link" campaign="ui" target="_blank" rel="noopener">UTM Link</UTMLink>
  }

Installation

npx shadcn@latest add @vinkas-ui/utm-link

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 Link documentation of nextjs for more information. Link is used as the base component for UTMLink.

Relative Time

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

Blocks

Here you can find all the blocks available in the library. We are working on adding more blocks.

On this page

Demo Installation API Reference