AccordionAlertAlert DialogAspect RatioAvatarBadgeBreadcrumbButtonButton GroupCalendarCardCarouselChartCheckboxCollapsibleComboboxCommandContext MenuData TableDate PickerDialogDirectionDrawerDropdown MenuEmptyFieldHover CardInputInput GroupInput OTPItemKbdLabelMenubarNative SelectNavigation MenuPaginationPopoverProgressRadio GroupResizableScroll AreaSelectSeparatorSheetSidebarSkeletonSliderSonnerSpinnerSwitchTableTabsTextareaToastToggleToggle GroupTooltipTypography
Native Select
A styled native HTML select element with consistent design system integration.
templ
templ NativeSelectDemo() {
<div class="w-[180px]">
@ui.NativeSelect("theme", "", nil) {
<option value="" disabled selected>Select a theme</option>
@ui.NativeSelectOption("light", "", nil) {
Light
}
@ui.NativeSelectOption("dark", "", nil) {
Dark
}
@ui.NativeSelectOption("system", "", nil) {
System
}
}
</div>
}