Helper Components

Premio providing components for you select2 select and tagify manager like:

Tagify

If you want to use tagify, then just use the component like that:

<x-input.tagify-component label="Keywords" name="keywords" data="" />

If you want to use edit tagify, then just use the component like that:

<x-input.tagify-component label="Keywords" name="keywords" data="{{ convertJsonToString('pass_data_here') }}" />

Select2

If you want to use select2 with json search, then just use the component like that:

<x-input.tag-component label="Tags" data="" />

And pass the json data like that:

var data = <?php print_r(json_encode(tagList())); ?>;
dynamicTagGenerator(data);

Without json search, normal tags input:

<x-input.tag-component label="Tags" data="" />

Category Tree

Show category tree to take input like that

<x-input.category-tree-component data="" />

Edit page, you can use category like that

<x-input.category-tree-component data="pass_category_id" />

CKEditor With Image Upload Media Manager

Show ckeditor to take input like that:

<x-input.editor-component data="" />

Edit page, you can use ckeditor like that:

<x-input.editor-component data="pass_data" />

And use this dependency like:

 <x-slot name="script">
    <script src="{{ asset('admin/editor/ckeditor/ckeditor.js') }}"></script>
    <script type="text/javascript">
        CKEDITOR.replace('editor');
    </script>
</x-slot>