Form Components
Select
# Basic usage
@php $users = App\Models\User::pluck('name', 'id');@endphp <x-select label="Users" wire:model="user_id" :options="$users" />
# Custom placeholder
@php $countries = collect([ ['id' => 1, 'name' => 'BD'], ['id' => 2, 'name' => 'USA'], ['id' => 3, 'name' => 'UK'], ['id' => 4, 'name' => 'RA'], ['id' => 5, 'name' => 'IN'] ])->pluck('name', 'id');@endphp <x-select label="Countries" wire:model="country_id" :options="$countries" placeholder="Select country"/>
# Custom slot
@php $users = App\Models\User::pluck('name', 'id');@endphp <x-select label="Select user"> <option value="">Choose user</option> @foreach ($users as $key => $name) <option value="{{ $key }}"> {{ $name }} </option> @endforeach</x-select>
# With hint
Only one user can be select
@php $users = App\Models\User::pluck('name', 'id');@endphp <x-select label="Users" wire:model="user_id" :options="$users" hint="Only one user can be select" />
# Size variants
@php $users = App\Models\User::pluck('name', 'id');@endphp <x-select label="Default" :options="$users" xs /><x-select label="Small" :options="$users" sm /><x-select label="Medium" :options="$users" md /><x-select label="Large" :options="$users" lg /><x-select label="Extra large" :options="$users" xl />