Skip to content

Forms

Tag Input

Keyboard-friendly tag entry with duplicate prevention, paste support, a limit, removable tokens, and form values.

SubscriptionIncluded with the Velocity Components subscription.
$velocityx add standard-tag-input
Props & docs

Needs a licence key — subscribe here, then velocityx loginonce.

AstroReactTailwind CSSNew

Tag Input

Tag Input

Live preview of the Tag Input component

Design systemsAccessibility

Press Enter to add a tag. Paste a comma-separated list to add several.

The code ships with Velocity.

Every component's full source — copy-paste ready, yours to edit — comes with any Velocity package. Buy once, own the code forever.

Get Velocity X — from $1,250 See all packages →

Using the Tag Input component

Every Velocity component is plain Astro or React markup styled with Tailwind utility classes. There is no proprietary runtime and no design-system wrapper to adopt — the component inherits whatever colour and type tokens your project already defines.

Read the component docs All 589 components

More Forms components

Browse all →

Toggle Switch Row

Stacked list of labeled on/off switches for notification preferences, built on native checkboxes with zero JS.

Rating Input

Accessible star-rating field built on labeled native radio inputs with hover preview.

Range / Budget Slider Field

Single budget or quantity slider with a live value readout driven by a small scoped inline script.

OTP / Code Input

Segmented one-time-code field with auto-advance, backspace-to-previous, and full-code paste support.

Inline Validation States Showcase

Reference demo of idle/valid/invalid inline field validation with live icons and messaging on blur.

Textarea with Character Counter

Textarea with a live N/max counter that shifts to warning and error colour near the limit.