Docs running with Livewire 4 - Beta try it →
maryUI

Group

If you need a classic radio check the Radio component.

Default attributes

By default, it will look up for:

  • $object->id for option value.
  • $object->name for option display label.

Select one
Pick one
@php                                            
    $users = App\Models\User::take(3)->get();   
@endphp                                         
<x-group label="Select one" wire:model="selectedUser" :options="$users" hint="Pick one" />

Alternative attributes

Just set option-value and option-label representing the desired targets.

Select one 
@php                                                
    $users = App\Models\User::take(3)->get();       
@endphp                                             
<x-group

    label="Select one"

    :options="$users"

    wire:model="selectedUser2"

    option-value="custom_key"

    option-label="other_name"

    class="[&:checked]:!btn-primary btn-sm" />

Disable options

You can disable options by setting the disabled attribute.

Select one 
@php

    $users = [

        ['id' => 1, 'name' => 'John'],

        ['id' => 2, 'name' => 'Doe'],

        ['id' => 3, 'name' => 'Mary', 'disabled' => true],  // <-- This

        ['id' => 4, 'name' => 'Kate'],

    ];

@endphp



<x-group label="Select one" wire:model="selectedUser3" :options="$users" />
Made with by Robson Tenório and contributors.