PHPackages                             whchi/nova-tags-input - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. whchi/nova-tags-input

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

whchi/nova-tags-input
=====================

Vue-tags-input field for Laravel Nova.

0.0.5(5y ago)212.2k↑116.7%MITVuePHP >=7.1.0

Since Jun 9Pushed 5y ago1 watchersCompare

[ Source](https://github.com/whchi/NovaTagsInput)[ Packagist](https://packagist.org/packages/whchi/nova-tags-input)[ RSS](/packages/whchi-nova-tags-input/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (6)Used By (0)

[![](https://camo.githubusercontent.com/3e01d9d755a0b6f59c2c19953393991ad337f0ae9ea0e523c7fb8cb099aedce0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f77686368692f6e6f76612d746167732d696e7075743f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/3e01d9d755a0b6f59c2c19953393991ad337f0ae9ea0e523c7fb8cb099aedce0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f77686368692f6e6f76612d746167732d696e7075743f7374796c653d666c61742d737175617265) [![](https://camo.githubusercontent.com/91ba383b23c2378fa300b5fe74b4f601bf029d12ae63e3360d2396f5e16ab19d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f77686368692f6e6f76612d746167732d696e7075743f7374796c653d666c61742d73717561726526636f6c6f723d626c7565)](https://camo.githubusercontent.com/91ba383b23c2378fa300b5fe74b4f601bf029d12ae63e3360d2396f5e16ab19d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f77686368692f6e6f76612d746167732d696e7075743f7374796c653d666c61742d73717561726526636f6c6f723d626c7565)

release note
============

[](#release-note)

- 0.0.2

1. add custom styles support
2. fix required rule validation

About
=====

[](#about)

A simple wrapper of [vue-tags-input](http://www.vue-tags-input.com) for laravel nova

Installation
============

[](#installation)

```
composer require whchi/nova-tags-input
```

Example
=======

[](#example)

```
use Whchi\NovaTagsInput\Tags;
...
  Tags::make('tags')->autocompleteItems(['tag1', 'tag2'])
```

config publish
==============

[](#config-publish)

```
php artisan vendor:publish --provider="Whchi\NovaTagsInput\FieldServiceProvider"
```

change whatever you want in `config/nova_tags_input.php`

```
return [
    'style_variables' => [
        // index, detail field
        '--nti-tag-bgcolor' => 'var(--primary)',
        '--nti-tag-mr' => '5px',
        '--nti-tag-color' => '#fff',
        // form field
        '--ti-valid-bgcolor' => 'var(--primary)',
        '--ti-deletion-mark-bgcolor' => 'var(--danger)',
        '--ti-selected-item-bgcolor' => 'var(--primary)',
    ],
    'props' => [
        'add-from-paste' => true,
        'add-on-blur' => true,
        'add-on-key' => [13],
        'add-only-from-autocomplete' => false,
        'allow-edit-tags' => false,
        'autocomplete-always-open' => false,
        'autocomplete-filter-duplicates' => true,
        'autocomplete-min-length' => 1,
        'avoid-adding-duplicates' => true,
        'delete-on-backspace' => true,
        'disabled' => false,
        'max-tags' => null,
        'maxlength' => null,
        'placeholder' => 'Add Tag',
        'save-on-key' => [13, ':', ';'],
        'separators' => [';'],
    ],
];
```

- available props see

notice
======

[](#notice)

Better use `json` column for your database.

Below is an example saving in your column

```
[{"text": "test"}, {"text": "中文字串"}]
```

###  Health Score

27

—

LowBetter than 49% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity26

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity44

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 66.7% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~78 days

Total

5

Last Release

1857d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/2dc92c7e48b95b84282bf4c3bc9f04eef31bd8117484fe862812082c55217026?d=identicon)[whchi](/maintainers/whchi)

---

Top Contributors

[![whchi](https://avatars.githubusercontent.com/u/11798731?v=4)](https://github.com/whchi "whchi (4 commits)")[![owwwwwchi](https://avatars.githubusercontent.com/u/75598441?v=4)](https://github.com/owwwwwchi "owwwwwchi (2 commits)")

---

Tags

laravelnovatags-input

### Embed Badge

![Health badge](/badges/whchi-nova-tags-input/health.svg)

```
[![Health](https://phpackages.com/badges/whchi-nova-tags-input/health.svg)](https://phpackages.com/packages/whchi-nova-tags-input)
```

###  Alternatives

[optimistdigital/nova-multiselect-field

A multiple select field for Laravel Nova.

3403.5M7](/packages/optimistdigital-nova-multiselect-field)[digital-creative/conditional-container

Provides an easy way to conditionally show and hide fields in your Nova resources.

116593.8k4](/packages/digital-creative-conditional-container)[genealabs/laravel-overridable-model

Provide a uniform method of allowing models to be overridden in Laravel.

92398.0k2](/packages/genealabs-laravel-overridable-model)[inspheric/nova-defaultable

Default values for Nova fields when creating resources and running resource actions.

51174.8k1](/packages/inspheric-nova-defaultable)[murdercode/nova4-tinymce-editor

Boost your Laravel Nova with the TinyMCE editor.

17165.2k](/packages/murdercode-nova4-tinymce-editor)[yieldstudio/nova-google-autocomplete

A Laravel Nova Google autocomplete field.

12218.4k](/packages/yieldstudio-nova-google-autocomplete)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)