Today we will learn How to install Selectize.JS in Laravel 9. Selectize is an extensible jQuery-based custom UI control. It’s useful for tagging, contact lists, country selectors, and so on. It clocks in at around ~7kb (gzipped). The goal is to provide a solid & usable experience with a clean and powerful API.
Also Read : How to Create a User using tinker in laravel 9
Install Selectize.JS Using NPM :
To Install Selectize.JS using npm you have to run a command:
npm install selectize --save
that will add the package to you package.json dependencies.
After that open
app.js and add the following line :
window.selectize = require('selectize');
Or if you just want to load the js, something like
that its you have to now run the following command:
npm run dev
npm run production
Also Read : React & Tailwind CSS – Reusable Button Component
Install Using CDN :
The simple way to install Selectize.js in Laravel 9 is using CDN.
For that you just have to add CSS and JS file to your head section of website.
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.5/css/selectize.min.css"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.5/js/selectize.min.js" ></script>
Please note add script file after jQuery script only. In head or one line before body close.
Now, you can use Selectize.js into your project its installed!
If you have any query or suggestion please let me know in comment section!
Also Read : How to Install Alpine.js in Laravel 9