snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)
This commit is contained in:
38
apps/v4/examples/aria/native-select-groups.tsx
Normal file
38
apps/v4/examples/aria/native-select-groups.tsx
Normal file
@@ -0,0 +1,38 @@
|
||||
import {
|
||||
NativeSelect,
|
||||
NativeSelectOptGroup,
|
||||
NativeSelectOption,
|
||||
} from "@/styles/aria-nova/ui/native-select"
|
||||
|
||||
export default function NativeSelectGroups() {
|
||||
return (
|
||||
<NativeSelect>
|
||||
<NativeSelectOption value="">Select department</NativeSelectOption>
|
||||
<NativeSelectOptGroup label="Engineering">
|
||||
<NativeSelectOption value="frontend">Frontend</NativeSelectOption>
|
||||
<NativeSelectOption value="backend">Backend</NativeSelectOption>
|
||||
<NativeSelectOption value="devops">DevOps</NativeSelectOption>
|
||||
</NativeSelectOptGroup>
|
||||
<NativeSelectOptGroup label="Sales">
|
||||
<NativeSelectOption value="sales-rep">Sales Rep</NativeSelectOption>
|
||||
<NativeSelectOption value="account-manager">
|
||||
Account Manager
|
||||
</NativeSelectOption>
|
||||
<NativeSelectOption value="sales-director">
|
||||
Sales Director
|
||||
</NativeSelectOption>
|
||||
</NativeSelectOptGroup>
|
||||
<NativeSelectOptGroup label="Operations">
|
||||
<NativeSelectOption value="support">
|
||||
Customer Support
|
||||
</NativeSelectOption>
|
||||
<NativeSelectOption value="product-manager">
|
||||
Product Manager
|
||||
</NativeSelectOption>
|
||||
<NativeSelectOption value="ops-manager">
|
||||
Operations Manager
|
||||
</NativeSelectOption>
|
||||
</NativeSelectOptGroup>
|
||||
</NativeSelect>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user