fix

.gitattributes

@@ -0,0 +1 @@
+ *.* linguist-language=PHP

README.md

@@ -28,4 +28,23 @@ Usage
 Once the extension is installed, simply use it in your code by  :
 
 ```php
-<?= \wscvua\yii2tagsinput\AutoloadExample::widget(); ?>```
+<?= \wscvua\yii2tagsinput\AutoloadExample::widget(); ?>
+```
+
+More configuration for plugin: [Responsive Tags Input With Autocomplete - jQuery tagsInput](https://www.jqueryscript.net/form/Tags-Input-Autocomplete.html)  
+[Demos](https://www.jqueryscript.net/demo/Tags-Input-Autocomplete/)  
+
+Example with autocompete
+---
+```php
+<?= $form->field($model, 'tags')->widget(\wscvua\yiitagsinput\TagsWidget::className(), [
+       'jsOptions' => [
+           'autocomplete' => [
+               'source' => [
+                   'tagtest1',
+                   'tagtest2',
+                ]
+           ]
+        ]
+]); ?>
+```

TagsWidget.php

@@ -4,6 +4,7 @@
  */
 
 namespace wscvua\yii2tagsinput;
+use yii\helpers\ArrayHelper;
 use yii\helpers\BaseHtml;
 use yii\jui\InputWidget;
 
@@ -12,25 +13,24 @@
  */
 class TagsWidget extends InputWidget
 {
-    public $jsOptions = [
+    public $jsOptions = [];
+
+    private $defaultJsOptions = [
         'interactive' => 'true',
         'placeholder' => 'Add a tag',
         'delimiter' => ',',
         'removeWithBackspace' => true
     ];
 
-    public $source = [];
-
     public function run()
     {
         $id = $this->getId();
-        $js = $this->jsOptions;
-        $source = $this->source;
+        $js = ArrayHelper::merge($this->defaultJsOptions, $this->jsOptions);
 
         $options = $this->options;
         $name = isset($options['name']) ? $options['name'] : BaseHtml::getInputName($this->model, $this->attribute);
         $value = isset($options['value']) ? $options['value'] : BaseHtml::getAttributeValue($this->model, $this->attribute);
 
-        return $this->render('index', compact('id', 'js', 'source', 'name', 'value'));
+        return $this->render('index', compact('id', 'js', 'name', 'value'));
     }
 }

composer.json

@@ -1,8 +1,8 @@
 {
     "name": "ws-cv-ua/yii2-tagsinput",
-    "description": "Yii2 Widget: jQuery Tags Input",
+    "description": "Yii2 jQuery Tags Input",
     "type": "yii2-extension",
-    "keywords": ["yii2","tagsinput", "tag", "tag input"],
+    "keywords": ["yii2","tagsinput"],
     "stability": "stable",
     "license": "MIT",
     "authors": [

views/index.php

@@ -12,7 +12,7 @@
 
 \wscvua\yii2tagsinput\TagsAsset::register($this);
 
-$jsConfig = json_encode($js);
+$jsConfig = \yii\helpers\Json::encode($js);
 
 $this->registerJs(<<<JS
 $('#$id').tagsInput($jsConfig);