Country State Dependent Select Box Livewire

Tech Stack: bootstrap-5, new, livewire

Demo

Code
Please login to View/Download the Code

Sorry, this component's code is restricted
Get Livewiredemos-Pro
Sorry, this component's code is restricted
Get Livewiredemos-Pro

Usage


      @livewire('country-state-select')
    

Documentation

This component demonstrates Livewire's reactivity by using Lifecycle hooks to achieve the dependent dropdown functionality.

An array of Countries are stored in the $countries variables, and whenever the country value changes, we use that data to get all the $states belonging to that Country