Autocomplete
OverviewOfficial Website
The Autocomplete widgets provides suggestions while you type into the field.The datasource is a simple JavaScript array, provided to the widget using the source-option.
CSS
<!-- autocomplete css -->
<link rel="stylesheet" href="{{ URL::asset('build/libs/@tarekraafat/autocomplete.js/css/autoComplete.css') }}">
Javascript
<!-- autocomplete js -->
<script src="{{ URL::asset('build/libs/@tarekraafat/autocomplete.js/autoComplete.min.js') }}"></script>
Initjs (Custom js)
<!-- init js -->
<script src="{{ URL::asset('build/js/pages/form-advanced.init.js') }}"></script>
Add Package
npm i @tarekraafat/autocomplete.js --save
Remove Package
npm uninstall @tarekraafat/autocomplete.js or you can remove package by removing specific package from package.json
Examples
Title | Javascript |
---|---|
Search Result of Fruit Names |
|
Search Result of Car Names |
|