Tag Input

inputs

Multi-value tag input that creates removable tags on Enter or comma.

Preview

No preview available

Check the code examples below.

Installation

npm install @launchapp/design-system

Import

import { TagInput } from "@launchapp/design-system";

Examples

Skills tag input

const [tags, setTags] = React.useState(["React", "TypeScript"]);return (  <TagInput    value={tags}    onChange={setTags}    placeholder="Add skill..."  />);

Props

Prop	Type	Default	Description
`value`	`string[]`	—	Controlled array of tags.
`onChange`	`(tags: string[]) => void`	—	Called when tags change.
`placeholder`	`string`	`"Add tag..."`	Input placeholder.
`maxTags`	`number`	—	Maximum number of tags allowed.

← PreviousTab Content Crossfade

Next →Terminal