ui
"use client"
import { useListData } from "react-stately"
import { TagField } from "@/components/ui/preskok-ui/tag-field"
export function TagFieldPreskokDemo() {
const list = useListData({ initialItems: [{ id: 1, name: "ui" }] })
return (
<TagField
label="Tags"
placeholder="Add tag and press Enter"
list={list}
max={5}
description="Up to 5 tags"
name="tags"
/>
)
}
Installation
CLI
Manual
pnpmnpmyarnbunpnpm dlx @preskok-org/ui@latest add tag-field
Usage
import { TagField } from "@/registry/preskok/ui/preskok-ui/tag-field"
export function TagFieldDemo() {
return <TagField label="Tags" defaultSelectedItems={["ui"]} />
}