mitratek/livewire-select

Livewire Select

Livewire component for searchable select inputs

Requirements

• Laravel 8 or 9
• Livewire
• Tailwind
• Alpine JS

Installation

You can install the package via composer:

composer require mitratek/livewire-select

Basic Usage

• use trait LivewireSelect in your livewire component:

<?php

namespace App\Http\Livewire\CreateUser

use Livewire\Component;
use Mitratek\LivewireSelect\LivewireSelect;

class CreateUser extends Component
{
    use LivewireSelect;

    // set properties to get selected value from LivewireSelect
    public $country_id;
}

• Use the livewire-select component in your blade view, and pass in a parameters:

<livewire:select-input name='country_id' model='\App\Models\Country' search='["name", "region"]' show='{id} - {name}' value='id' placeholder='Choose country' />

Or you can pass collection data into select-input like below:

<livewire:select-input name='country_id' collection='{!! $countries !!}' search='["name", "region"]' show='{id} - {name}' value='id' placeholder='Choose country' />

Properties