Categories

Accordions 1 Alerts 2 Avatars 2 Buttons 2 Charts 2 Color Pickers 2 Comments 2 Confirm Dialogs 1 Data Tables 6 Date Pickers 2 Drop Downs 1 Ecommerce 4 Email 1 File Uploaders 2 Form Wizards 2 Forms 5 Miscellaneous 11 Modals 4 Notifications 1 Rich Text Editors 1 Search Boxes 2 Select Boxes 2 Slide Panels 1 Tags 1 Toast 1 Toggle Switches 4 Tooltips 1

Select Boxes Components

Jump to:

Searchable Select

Alpine combobox with keyboard navigation. No jQuery.

Searchable select

Filter with the keyboard. No jQuery.

  • No matches

Selected: None

Code
Please login to View/Download the Code

Sorry, this component's code is restricted
Sorry, this component's code is restricted

Type to filter, move with the arrow keys, and press Enter. choose only accepts a value from the option list.

Country State Dependent Select Box Livewire

Country and state dependent select box component without reload

UI Stack: Bootstrap 5, New, Livewire

Code
Please login to View/Download the Code

Sorry, this component's code is restricted
Sorry, this component's code is restricted

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

Components on this page

2 components