Core Concepts - Blade Components

Select Blade component


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:

< wire:model="status">
<option value="draft">Draft</option>
<option value="reviewing">Reviewing</option>
<option value="published">Published</option>

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.

Edit on GitHub

Still need help? Join our Discord community or open a GitHub discussion