Tag input field for Laravel Nova.

Installs: 91 826

Dependents: 6

Suggesters: 0

Security: 0

Stars: 14

Watchers: 1

Forks: 15

Open Issues: 6


4.0.1 2022-10-11 10:01 UTC

This package is auto-updated.

Last update: 2022-11-11 10:14:19 UTC


This plugin incorporate the Vue Tags Input plugin by Johannes Munari into Laravel Nova by creating a new field type.

Nova Tag Input

Nova 4

This release must be used with Nova version 4 and above. Thanks to @dmason30 for the PR. To install a Nova 3 compatible version please see at the end.


Using Composer:

composer require superlatif/nova-tag-input



Tags::make(__("Tags"), 'tags')
    ->help("Press ENTER to add tag")
    ->placeholder("Add a new tag")
    ->addOnKeys([13, ':', ';', ',']) // 13 = Enter key
        'New York',

Autocomplete items from Eloquent

$tags = Tag::pluck('title')->get();
Tags::make(__("Tags"), 'tags')
    // ...
    // ...


Parameter Description Type Default
autocompleteItems Array of strings used for autocompletion Array -
addOnKeys Set of characters triggering tag insertion Array [13]
separators Defines characters which split text into tags (useful when copy-pasting) Array [';']
placeholder Hint displayed when the field is empty or after a list of existing tags String -
addFromPaste Tags can be created from pasted text Boolean true
addOnBlur Tag is created when field loses focus Boolean true
addOnlyFromAutocomplete Only allow tag creation from the autocompleteItems array Boolean false
allowEditTags Allow inline tag edition Boolean false
autocompleteAlwaysOpen Autocomplete list remains open Boolean false
autocompleteFilterDuplicates Removes duplicates from autocomplete list Boolean true
autocompleteMinLength The minimum text that must be entered before autocomplete Boolean 1
avoidAddingDuplicates Prevent duplicated tags Boolean true
deleteOnBackspace Delete tags using backspace Boolean true
disabled Disable the field Boolean false
maxTags Max number of tags Boolean -


To use a Nova 3 compatible version please use the following command:

composer require superlatif/nova-tag-input:3.0

Support us!

If you think we saved you some time on your development, please consider showing your appreciation 😁

Buy Me A Coffee