Components
The Tags Selector component is a reusable UI element for selecting and managing tags from a predefined list.
npx shadcn@latest add https://21st.dev/r/ln-dev7/tags-selectorStarting preview...
import { TagsSelector } from "@/components/ui/tags-selector";
const TAGS = [
{ id: "docker", label: "Docker" },
{ id: "kubernetes", label: "Kubernetes" },
{ id: "aws", label: "AWS" },
{ id: "graphql", label: "GraphQL" },
{ id: "mongodb", label: "MongoDB" },
{ id: "postgresql", label: "PostgreSQL" },
{ id: "redis", label: "Redis" },
{ id: "git", label: "Git" },
];
const TagsSelectorDemo = () => (
<div style={{ padding: "20px", maxWidth: "600px", width: "100%" }}>
<TagsSelector tags={TAGS} />
</div>
);
export default { TagsSelectorDemo };