Component

TagInput

Input for entering multiple tags or values.

tsx
import { TagInput, EmailTagInput } from 'wss3-forge'

Usage

Press Enter or comma to add tag

EmailTagInput validates email format

Tags can be removed by clicking X

Supports max tags limit


ReactTypeScriptForge

Examples

Basic TagInput

ReactTypeScript
tsx
1const [tags, setTags] = useState<string[]>([])
2
3<TagInput
4 value={tags}
5 onChange={setTags}
6 placeholder="Add tags..."
7/>

With Max Tags

DesignUIUX
tsx
1<TagInput
2 value={tags}
3 onChange={setTags}
4 placeholder="Add up to 5 tags..."
5 maxTags={5}
6/>

Previous

Switch

Next

Textarea

Last updated: December 2025

Cookies

We use cookies to improve your experience and save your preferences.