ChipsInput

A text field that turns what you type or paste into chips — keywords, tags, emails, domains.

Features9APIThemingAccessibility

Basic

Type and press Enter or a comma; Backspace in an empty field removes the last chip.

design tokens
Value: design · tokens

Paste

A pattern separator splits on spaces, commas and semicolons; pasted text is split by lines too — paste a list of domains.

example.com example.org
2 domains

Limits

max caps the number of chips, maxLength the length of one chip; rejected tells what was not added — here a duplicate, a fourth tag or one longer than 12 characters shows a warning.

Validation

itemPattern accepts only matching values — here email addresses.

Template

Own chip content with txChipsInputItem.

#release#changelog

Field

Inside tx-field with a label and a hint; also works in float labels.

draft
Pages with these words are skipped

States

Sizes, filled variant, disabled and read-only.

locked
shown only

Design tokens

dt changes the chipsInput tokens of one field.

rounded chips

Pass through

Your classes and styles on inner parts.

bold chips