blatui

Components

Tags Input

A tag entry field — type and press Enter or comma to add removable chips, with form-array submission.

php artisan blatui:add tags-input 
<div class="w-full max-w-sm">
    <x-ui.tags-input name="tags" />
</div>

Disabled

<div class="w-full max-w-sm">
    <x-ui.tags-input name="locked" :value="['Read-only', 'Tags']" disabled />
</div>

Max Tags

<div class="w-full max-w-sm">
    <x-ui.tags-input name="topics" :value="['Design']" :max="3" placeholder="Up to 3 tags…" />
</div>

Prefilled

<div class="w-full max-w-sm">
    <x-ui.tags-input name="frameworks" :value="['Laravel', 'Blade', 'Alpine.js']" />
</div>