1. Components
  2. tag-field

Tag Field

Input that lets users add and remove tags.

Demo

"use client"

import { Input, Label } from "@/components/jk/input"
import { TagField } from "@/components/jk/tag-field"

export const DemoTagField = () => {
    return (
        <TagField className="w-full max-w-sm">
            <Label className="mb-1.5">Coupon codes</Label>
            <Input placeholder="Add codes, press Enter" />
        </TagField>
    )
}

Installation

terminal
npx shadcn@latest add @jk-ui/tag-field
Prev
Slider

Adjust a value by dragging a thumb along a track.

Next
On this page