Native Select
Native HTML select component for mobile-friendly and accessible form inputs.
When to use Native Select
When to use Native Select
Native Select uses the browser's built-in dropdown UI. While the trigger can be styled, the expanded dropdown menu inherits the operating system's native appearance and cannot be customized with CSS.
Use Native Select when: You need optimal mobile experience with native touch interactions, better accessibility support, or when form simplicity is prioritized.
Use Select component when: You need full control over the dropdown styling, custom option rendering, search/filter functionality, or consistent appearance across platforms.
Basic Usage
A simple select dropdown with basic options.
With Label
Select with an associated label for better accessibility.
With Option Groups
Organize options into logical groups using optgroup.
Disabled State
A disabled select that cannot be interacted with.
Shipping Address Form
A realistic form scenario with multiple select fields.
Job Application Form
Another form example with professional context.
Date Selection
Multiple selects arranged horizontally for date input.