Select , shadcn/ui components例

概要

• shadcn/ui , Select 実装例になります。

• まとめリンクは、下記になります。

• https://knakatech-blog.pages.dev/books/12

---

関連

• https://ui.shadcn.com/docs/components/select

---

• src/client/Select.tsx
• https://github.com/kuc-arc-f/express_49preact/blob/main/src/client/Select.tsx

<Label htmlFor="framework">SelectItems</Label>
<Select>
  <SelectTrigger id="framework">
    <SelectValue placeholder="Select" />
  </SelectTrigger>
  <SelectContent position="popper">
    <SelectItem value="item_1">item_1</SelectItem>
    <SelectItem value="item_2">item_2</SelectItem>
    <SelectItem value="item_3">item_3</SelectItem>
  </SelectContent>
</Select>