Getting Started
Components
- Accordion
- Alert
- Alert Dialog
- Aspect Ratio
- Attachment
- Avatar
- Badge
- Banner
- Breadcrumb
- Bubble
- Button
- Button Group
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Command
- Collapsible
- Combobox
- Context Menu
- Data Table
- Date Picker
- Dialog
- Dropdown Menu
- Editor
- Input
- Input Group
- Label
- Loading Spinner
- Native Select
- Popover
- Select
- Separator
- Sheet
- Sidebar
- Skeleton
- Slider
- Steps
- Switch
- Tabs
- Textarea
- Tooltip
Patterns
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>
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>
<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
php artisan april:publish native-select
php artisan april:publish --all
php artisan april:publish --all