Native Select

Displays a styled browser-native select control.

Component Code
<april:native-select class="w-72" aria-label="Fruit">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="blueberry">Blueberry</option>
<option value="grape">Grape</option>
<option value="pineapple">Pineapple</option>
</april:native-select>

Use the native select when you want the browser to own option rendering, keyboard behavior, and mobile selection UI.

<april:native-select name="fruit" aria-label="Fruit">
<option value="apple">Apple</option>
<option value="banana">Banana</option>
</april:native-select>

Native select and option attributes pass through as usual.

Publishing Views

Use the following command to publish this view:

php artisan april:publish native-select
April UI keeps package views in `vendor/` by default. The command uses Laravel's vendor publishing system and copies overrides to `resources/views/vendor/april/components`. To publish all components, run:
php artisan april:publish --all
Review local overrides after an upgrade with `php artisan april:update --diff`.