Skip to main content

Posts

Showing posts with the label vue toggle button example

Laravel Scout Algolia Full Text Search Example

Hi Guys Today,I will tell how you can full text search utilizing scout algolia. i will show the example of laravel scout algolia full text search.you can full text search utilizing scout algolia api.it can this example full expound scout algolia full text search. I will show the rudimental step of scout algolia api full text search.if you can utilize full text search for install scout and Algolia api package.we are utilizing algolia api utilizing full text search example in laravel. Here the following steps example laravel full text search Using scout algolia Step 1: Create Laravel Project In this step create laravel project following command. composer create-project --prefer-dist laravel/blog Step 2: Database Configuration After create laravel project , we require to make database configuration, you have to add following details on your .env file. 1.Database Username 1.Database Password 1.Database Name In .env file also available host and port details, you can configu...

Vue Js Toggle Switch Button Example

Hi Dev, In this example, I will explain you how to use toggle switch button in vue js. wr will show example of toggle switch button in vue js.we will use vue-js-toggle-button npm package for bootstrap toggle button example. vue cli toggle button is a simple, pretty and customizable. vue-js-toggle-button provide way to change label and make it default checked. you can also customize several option like value, sync, speed, color, disabled, cssColor, labels, switchColor, width, height, name and with change event. below i will give you simple example from starch so, you can see full example use it in your app. Step 1: Create Vue JS App Now this step, we need to create vue cli app using bellow command: vue create myAppSwitch Step 2: Install vue-js-toggle-button package below we need to install vue-js-toggle-button npm package for toggle switch. npm install vue-js-toggle-button --save Step 3: Use vue-js-toggle-button In this step, We need to use vue-js-toggle-button package in main.js ...