Laravel Tags Input Component

Pro

Interactive tag entry field with autocomplete suggestions, custom tag creation, and configurable limits.

A Tags Input built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4. Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag: <x-aura::tags-input>

Try it live in the docs Get Aura Pro

Installation

composer require bluestarsystem/aura-ui

The Tags Input is part of Aura Pro, installed via your private Composer (Satis) access after purchase. See pricing →

Usage

<x-aura::tags-input
    label="Tags"
    name="tags"
    placeholder="Add a tag..."
    wire:model="tags"
/>

See the full API, props and live examples in the Tags Input documentation.

Overview

The Tags Input component provides a text field where users can add and remove tags. It supports autocomplete suggestions from a predefined list, custom tag creation, a maximum tag limit, and keyboard-driven interaction. Tags are displayed as removable chips within the input area. Integrates with Livewire via wire:model.

Props

Prop	Type	Default	Description
`label`	`string`	`''`	Label text displayed above the input.
`name`	`string`	`''`	Input name attribute, also used for `wire:model`.
`placeholder`	`string`	`'Add a tag...'`	Placeholder text shown in the text input.
`maxTags`	`int\|null`	`null`	Maximum number of tags allowed. `null` for unlimited.
`suggestions`	`array`	`[]`	Array of suggestion strings shown as the user types.
`allowCustom`	`bool`	`true`	Allow users to create tags not in the suggestions list.