Tag inputPro

Type, press Enter, chips pop in. Backspace removes.

reacttailwind

Props

placeholder

initial

max10

Appearance

Applies to this component only and stays saved when you come back.

Accent

#ff3347

Deep shade

#b3122a

Corner radius1.00×

Preview background

Install

$npx nex-ui add tag-input

Usage

import { TagInput } from "@/components/nex-ui/tag-input";

<TagInput
  t={{ placeholder: "Add a tag, press Enter", remove: "Remove" }}
  initial={["react", "tailwind"]}
/>

This is a Pro component

You can try the preview. The source and CLI install unlock with Pro.

Get Pro