Select

Dropdown selection field.

Examples

Basic Select

blade

<x-plume::form 
    formData="{ 'fruit': 'apple' }">
    <div class="max-w-xs">
        <x-plume::form.select label="Favorite Fruit" model="fruit">
            <option value="apple">Apple</option>
            <option value="banana">Banana</option>
            <option value="orange">Orange</option>
        </x-plume::form.select>
    </div>
</x-plume::form>

Prop	Type	Default	Description
label	string	null	The label for the select input.
name	string	null	HTML name attribute.
id	string	null	HTML id attribute. Auto-generated from name if not provided.
model	string	null	AlpineJS model name for two-way binding.
options	array	[]	Associative array of options: [value => label].
placeholder	string	null	Placeholder text for the first disabled option.
multiple	bool	false	Whether to allow multiple selections.

Usage

blade

<x-plume::form.select label="Role" model="role">
                <option value="admin">Admin</option>
                <option value="editor">Editor</option>
                </x-plume::form.select>