Tag Input

Enter multiple unique tags

import { TagInput } from "@plexui/ui/components/TagInput";

Examples

Overview

rows
autoFocus

Reference

PropTypeDefaultDescription
valueTag[]Controlled value
defaultValueTag[]Uncontrolled initial tags
onChange(tags: Tag[]) => voidChange handler
placeholderstringInput placeholder
validator(value: string) => booleanValidates each tag; invalid tags shown in red
maxTagsnumberMax tags before input is disabled
rowsnumber1Min rows
sizestringxlControl height when rows=1
autoFocusbooleanfalseFocus on mount