GitHub1
Vinkas UI
Components

Input Copyable

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

Demo

  import { InputCopyable } from '@/registry/vinkas/ui/input-copyable'

  export function InputCopyableDemo() {
    return <InputCopyable value="Hello World!" className="w-fit" />
  }

Installation

npx shadcn@latest add @vinkas-ui/input-copyable
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 Input Group documentation of shadcn/ui for more information.

Copyright Text

This is a shadcn/ui type react component that displays the copyright information

Relative Time

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

On this page

DemoInstallationAPI Reference