Select

Displays a list of options for the user to pick from—triggered by a button.

Preview

Installation

$npx maddex add Select

Usage



1<!-- @import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from ../../lib/maddex -->
2
3<Select>
4  <SelectTrigger class="w-[180px]">
5    <SelectValue placeholder="Theme" />
6  </SelectTrigger>
7  <SelectContent>
8    <SelectItem value="light">Light</SelectItem>
9    <SelectItem value="dark">Dark</SelectItem>
10    <SelectItem value="system">System</SelectItem>
11  </SelectContent>
12</Select>