DevDogs-UGA / Optimal-Schedule-Builder

DevDogs' inaugural, 2024-2025 project: an optimal schedule-building website for UGA students.
13 stars 70 forks source link

feat(select): added select component #253

Open EgeOnder opened 1 month ago

EgeOnder commented 1 month ago

Closes #181

Usage

  1. Import the component:
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectTrigger,
  SelectValue,
} from "./components/ui/Select";
  1. Use the component:
<Select>
  <SelectTrigger className="w-[400px]">
    <SelectValue placeholder="Select a course" />
  </SelectTrigger>
  <SelectContent className="w-[400px]">
    <SelectGroup>
      <SelectItem value="1302">
        1302 - Software Development
      </SelectItem>
      <SelectItem value="1360">
        1360 - Foundations for Informatics and Data Science
      </SelectItem>
    </SelectGroup>
  </SelectContent>
</Select>

Example

https://github.com/user-attachments/assets/5039b308-786e-4d14-a831-93bde72f1490