"use client"; import { cn } from "@/lib/utils"; import * as SelectPrimitive from "@radix-ui/react-select"; import { Check, ChevronDown, ChevronUp } from "lucide-react"; import React from "react"; const Select = SelectPrimitive.Root; const SelectTrigger = ({ className, children, ...props }: SelectPrimitive.SelectTriggerProps) => { return ( {children} ); }; const SelectValue = SelectPrimitive.Value; const SelectIcon = SelectPrimitive.Icon; const SelectContent = ({ className, children, position = "popper", ...props }: SelectPrimitive.SelectContentProps) => { return ( {children} ); }; const SelectGroup = SelectPrimitive.Group; const SelectItem = ({ className, children, ...props }: SelectPrimitive.SelectItemProps) => ( {children} ); const SelectLabel = SelectPrimitive.Label; const SelectSeparator = SelectPrimitive.Separator; const SelectObj = Object.assign(Select, { Trigger: SelectTrigger, Value: SelectValue, Icon: SelectIcon, Content: SelectContent, Group: SelectGroup, Item: SelectItem, Label: SelectLabel, Separator: SelectSeparator, }); export { SelectObj as Select };

Installation

Files

components

Styles