ContextQMD
Back to Filament

Select Blade component

docs/12-components/03-select.md

5.6.2866 B
Original Source

import AutoScreenshot from "@components/AutoScreenshot.astro"

Introduction

The select component is a wrapper around the native <select> element. It provides a simple interface for selecting a single value from a list of options:

blade
<x-filament::input.wrapper>
    <x-filament::input.select wire:model="status">
        <option value="draft">Draft</option>
        <option value="reviewing">Reviewing</option>
        <option value="published">Published</option>
    </x-filament::input.select>
</x-filament::input.wrapper>
<AutoScreenshot name="components/select/simple" alt="A select input" version="5.x" />

To use the select component, you must wrap it in an "input wrapper" component, which provides a border and other elements such as a prefix or suffix. You can learn more about customizing the input wrapper component here.