Skip to main content
You are currently viewing the documentation for Filament 4.x, which is a previous version of Filament.Looking for the current stable version? Visit the 5.x documentation.

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:
<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>
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.

Sponsored by