Bootstrap Color Selector using Livewire

Usage

      @livewire('multiple-color-choser')
    

Documentation

This is a simple multiple-color chooser livewire component. You can make use of this component in multiple places like filters for products.

Implementation is very simple, inside the component class we have defined the colorOptions array that the user can choose from and another array variable named colors in which the user-chosen colors will be stored.

On the front end, we are converting checkboxes into color circles using Bootstrap-5 Toggle Button