Preview
Code
"use client"
import { Label } from "@/components/ui/preskok-ui/field"
import { Input } from "@/components/ui/preskok-ui/input"
import { TagField } from "@/components/ui/preskok-ui/tag-field"
export function Component() {
return (
<TagField>
<Label>Coupon codes</Label>
<Input placeholder="Add codes, press Enter" />
</TagField>
)
}
Installation
CLI
Manual
pnpmnpmyarnbunpnpm dlx preskok-ui@latest add tag-field
Usage
import { TagField } from "@/components/ui/preskok-ui/tag-field"
export function TagFieldDemo() {
return <TagField label="Tags" defaultSelectedItems={["ui"]} />
}