PHPackages                             sertxudeveloper/livewire-combobox - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Database & ORM](/categories/database)
4. /
5. sertxudeveloper/livewire-combobox

ActiveLibrary[Database & ORM](/categories/database)

sertxudeveloper/livewire-combobox
=================================

Add combobox to your Livewire forms

v2.1.1(2y ago)53.3k[1 PRs](https://github.com/sertxudeveloper/livewire-combobox/pulls)MITPHPPHP ^8.1|^8.2

Since Jun 10Pushed 1y ago1 watchersCompare

[ Source](https://github.com/sertxudeveloper/livewire-combobox)[ Packagist](https://packagist.org/packages/sertxudeveloper/livewire-combobox)[ Docs](https://github.com/sertxudeveloper/livewire-combobox)[ Fund](https://buymeacoffee.com/sertxudeveloper)[ GitHub Sponsors](https://github.com/sertxudev)[ RSS](/packages/sertxudeveloper-livewire-combobox/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (6)Versions (14)Used By (0)

[![Laravel Combobox by Sertxu Developer](/art/socialcard.png)](/art/socialcard.png)

Add combobox to your Livewire forms
===================================

[](#add-combobox-to-your-livewire-forms)

[![](https://camo.githubusercontent.com/c9dec080a1d0d530256a599385956e600ce40344092ad583ed3eb8cced13b579/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/c9dec080a1d0d530256a599385956e600ce40344092ad583ed3eb8cced13b579/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f762f72656c656173652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![](https://github.com/sertxudeveloper/livewire-combobox/actions/workflows/run-tests.yml/badge.svg)](https://github.com/sertxudeveloper/livewire-combobox/actions/workflows/run-tests.yml/badge.svg) [![](https://camo.githubusercontent.com/0380ec57620d84b7edd2c983e89e6e3e52cab6404a0a2f6e439f944305a12bb6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/0380ec57620d84b7edd2c983e89e6e3e52cab6404a0a2f6e439f944305a12bb6/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![](https://camo.githubusercontent.com/25f32bfa6be9176409e91899816a7a1228681544c709a5bdbb028bc27272c83a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7265706f2d73697a652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/25f32bfa6be9176409e91899816a7a1228681544c709a5bdbb028bc27272c83a/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7265706f2d73697a652f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![](https://camo.githubusercontent.com/d0756f2bda3c282177e014faa7d960bc86b188de21cf07f4d5dfffbb34564cf1/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/d0756f2bda3c282177e014faa7d960bc86b188de21cf07f4d5dfffbb34564cf1/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![](https://camo.githubusercontent.com/c267309f4b7a3515ae7d982637e34264395d8a96669168f2820cfbc5f82485b4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/c267309f4b7a3515ae7d982637e34264395d8a96669168f2820cfbc5f82485b4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![](https://camo.githubusercontent.com/1a82f9c093a636820e7b1acf7c942df673b5ae5a233f1311d59c7c34eafd9f19/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://camo.githubusercontent.com/1a82f9c093a636820e7b1acf7c942df673b5ae5a233f1311d59c7c34eafd9f19/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f7068702d762f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78) [![Codecov Test coverage](https://camo.githubusercontent.com/17cd6c62d9e3372bc89840d80331ad1e5d6043f735acd6ce0e9802d41c185443/68747470733a2f2f696d672e736869656c64732e696f2f636f6465636f762f632f6769746875622f736572747875646576656c6f7065722f6c697665776972652d636f6d626f626f78)](https://app.codecov.io/gh/sertxudeveloper/livewire-combobox)

Do you have a large dataset, and you need to be able to display it in a dropdown?

When a basic select input is not enough, you can use a combobox!

A combobox works like a select input, but instead of a dropdown, it displays a list of options that can be filtered by typing.

You will no longer need to download all the data at the startup, just get the data you're looking for.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require sertxudeveloper/livewire-combobox
```

Usage
-----

[](#usage)

Once you have installed the package, you can use it in your Livewire forms.

First, you need to execute the following command in your terminal:

```
php artisan combobox:make UsersCombobox -m User
```

This will create a new component in the `app/Livewire` directory.

The new `UsersCombobox` component will look like this:

```