release note
- 0.0.2
- add custom styles support
- fix required rule validation
About
A simple wrapper of vue-tags-input for laravel nova
Installation
composer require whchi/nova-tags-inputExample
use Whchi\NovaTagsInput\Tags;
...
Tags::make('tags')->autocompleteItems(['tag1', 'tag2'])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 http://www.vue-tags-input.com/#/api/props
notice
Better use json column for your database.
Below is an example saving in your column
[{"text": "test"}, {"text": "中文字串"}]
