jamsr_ui_tags_input_component_basic_quickstart.ts

1"use client";
2
3import React from "react";
4import { TagsInput } from "@jamsr-ui/tags-input";
5
6export const TagsInputExample = () => {
7  const [value, setValue] = React.useState<string[]>(["React", "Next.js"]);
8  return (
9    <div className="flex w-full max-w-md flex-col gap-4">
10      <TagsInput
11        label="Technologies"
12        placeholder="Add technology"
13        value={value}
14        onValueChange={setValue}
15      />
16      <p className="text-sm text-muted-foreground">
17        Current values: {value.join(", ")}
18      </p>
19    </div>
20  );
21};
22
23export default TagsInputExample;