39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import {
|
|
NativeSelect,
|
|
NativeSelectOptGroup,
|
|
NativeSelectOption,
|
|
} from "@/styles/radix-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>
|
|
)
|
|
}
|