Skip to main content
← Back to Table of Contents

Summary

Tag input featuring removable pill chips, optional static or server-side suggestions, and duplicate-insensitive matching. Extends Filament’s standard TagsInput with FlexTextInput styling, size/variant tokens, and optional Spatie Tags integration.

Basic usage

Standard Skills Input

Comma-Separated Labels


State & validation

Stored value

By default, state is an ordered list of trimmed strings (JSON array). If separator() is set, it dehydrates as a delimited string.

Validation rules (built-in)


Configuration API

All methods accept Closure unless noted.

Real-world examples

Spatie Tags Integration


Playground

/admin/flex-fields-playground/tags-field See Playground for setup.

Ops notes

Async tag suggestion search (getTagSearchResults) shares the Select-family Livewire rate limit (filament-flex-fields.select.search_rate_limit_per_minute). Keys use the authenticated user id or Request::ip() — configure Laravel TrustedProxies behind a reverse proxy. Exceeding the limit returns an empty suggestion list (no exception). Client search also uses searchRequestId + AbortController so stale responses never overwrite newer typing.

CSS classes (reference)