Select Demo

1import {
2  Select,
3  SelectContent,
4  SelectGroup,
5  SelectItem,
6  SelectLabel,
7  SelectTrigger,
8  SelectValue,
9} from "../ui/select";
10 
11export function SelectDemo() {
12  return (
13    <Select defaultValue="apple">
14      <SelectTrigger className="w-48">
15        <SelectValue placeholder="Select a fruit" />
16      </SelectTrigger>
17      <SelectContent>
18        <SelectGroup>
19          <SelectLabel>Fruits</SelectLabel>
20          <SelectItem value="apple">Apple</SelectItem>
21          <SelectItem value="banana">Banana</SelectItem>
22          <SelectItem value="blueberry">Blueberry</SelectItem>
23          <SelectItem value="grapes">Grapes</SelectItem>
24          <SelectItem value="pineapple">Pineapple</SelectItem>
25        </SelectGroup>
26      </SelectContent>
27    </Select>
28  );
29}