PHPackages                             fyyyn1210/wire-select - 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. [Utility & Helpers](/categories/utility)
4. /
5. fyyyn1210/wire-select

ActiveLibrary[Utility & Helpers](/categories/utility)

fyyyn1210/wire-select
=====================

A powerful searchable select box component for Laravel Livewire with database integration

1.0.1(9mo ago)14[1 issues](https://github.com/fyyyn1210/wire-select/issues)MITPHPPHP ^8.1

Since Jul 30Pushed 9mo agoCompare

[ Source](https://github.com/fyyyn1210/wire-select)[ Packagist](https://packagist.org/packages/fyyyn1210/wire-select)[ Docs](https://github.com/fyyyn1210/wire-select)[ RSS](/packages/fyyyn1210-wire-select/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (4)Versions (4)Used By (0)

Best Alternative select2 for Livewire
=====================================

[](#best-alternative-select2-for-livewire)

🚀 The best and most practical alternative to Select2 for Laravel Livewire - Native searchable select component with database integration, no jQuery dependency!

Complete Installation Tutorial
==============================

[](#complete-installation-tutorial)

Quick Start (2 Minutes Setup)
-----------------------------

[](#quick-start-2-minutes-setup)

### Step 1: Install via Composer

[](#step-1-install-via-composer)

```
composer require fyyyn1210/wire-select
```

### Step 2: Use in Your Blade Template

[](#step-2-use-in-your-blade-template)

```

```

**That's it! 🎉 Your searchable select is ready!**

---

📋 Detailed Installation Guide
=============================

[](#-detailed-installation-guide)

Prerequisites
-------------

[](#prerequisites)

- Laravel 10.x or 11.x
- Livewire 3.x
- PHP 8.1+

Step-by-Step Installation
-------------------------

[](#step-by-step-installation)

### 1. Install Package

[](#1-install-package)

```
# Via Composer (Recommended)
composer require fyyyn1210/wire-select

# Clear cache after installation
php artisan config:clear
php artisan view:clear
```

### 2. Verify Installation

[](#2-verify-installation)

```
# Check if package is loaded
composer show fyyyn1210/wire-select
```

### 3. Publish Configuration (Optional)

[](#3-publish-configuration-optional)

```
# Publish config file for customization
php artisan vendor:publish --provider="Fyyyn1210\WireSelect\WireSelectServiceProvider" --tag="config"

# This creates: config/wire-select.php
```

### 4. Publish Views (Optional)

[](#4-publish-views-optional)

```
# Publish views for custom styling
php artisan vendor:publish --provider="Fyyyn1210\WireSelect\WireSelectServiceProvider" --tag="views"

# This creates: resources/views/vendor/wire-select/
```

### 5. Publish Assets (Optional)

[](#5-publish-assets-optional)

```
# Publish CSS/JS assets
php artisan vendor:publish --provider="Fyyyn1210\WireSelect\WireSelectServiceProvider" --tag="assets"

# This creates: public/vendor/wire-select/
```

---

🎯 Usage Examples
================

[](#-usage-examples)

Example 1: Basic Database Search
--------------------------------

[](#example-1-basic-database-search)

### Create Migration (if needed)

[](#create-migration-if-needed)

```
// database/migrations/create_users_table.php
Schema::create('users', function (Blueprint $table) {
    $table->id();
    $table->string('name');
    $table->string('email');
    $table->timestamps();
});
```

### Seed Data (if needed)

[](#seed-data-if-needed)

```
// database/seeders/UserSeeder.php
User::factory()->count(50)->create();
```

### Use in Livewire Component

[](#use-in-livewire-component)

```
// app/Livewire/UserForm.php