Select

ჩამოსაშლელი სია Base UI Select-ზე: ისრებით ნავიგაცია, typeahead, ლოკალიზებული placeholder. items-ის მასივი სერვერიდან გადაეცემა — ის serializable-ია.

მაგალითი

@llc-conciergia/ui/select

import {
  Select, SelectContent, SelectItem, SelectTrigger,
} from "@llc-conciergia/ui/select";

const rooms = [
  { value: "standard", label: "სტანდარტი" },
  { value: "deluxe", label: "დელუქსი" },
];

<Select items={rooms}>
  <SelectTrigger aria-label="ნომრის ტიპი" />
  <SelectContent>
    {rooms.map((room) => (
      <SelectItem key={room.value} value={room.value}>{room.label}</SelectItem>
    ))}
  </SelectContent>
</Select>

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import {
  Select, SelectContent, SelectItem, SelectTrigger,
} from "@llc-conciergia/ui/select";

Conciergia CLI

npx @llc-conciergia/cli add select

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/select.json

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
Select: items	{ value; label }[]	—	მნიშვნელობა → წარწერა, SelectValue-სთვის.
Select: value / defaultValue	string \| null	—	კონტროლირებადი ან საწყისი მნიშვნელობა.
Select: onValueChange	(value) => void	—	არჩევა (კლიენტიდან).
SelectTrigger: placeholder	ReactNode	t("select.placeholder")	ტექსტი, სანამ არაფერია არჩეული.
SelectContent: side / align / sideOffset	Base UI Positioner	"bottom" / "start" / 4	პოზიციონირება.
SelectContent: alignItemWithTrigger	boolean	false	macOS-ის სტილში არჩეულის trigger-ზე გადაფარვა.