RadioGroup

ოთახის ტიპის ერთეული არჩევა, ისრებით ნავიგაციით.

მაგალითი

სტანდარტიდელუქსი

@llc-conciergia/ui/radio-group

import { RadioGroup, RadioGroupItem } from "@llc-conciergia/ui/radio-group";

<RadioGroup aria-label="ოთახის ტიპი" defaultValue="standard">
  <label htmlFor="room-standard" className="flex items-center gap-2 text-xs">
    <RadioGroupItem id="room-standard" value="standard" />
    სტანდარტი
  </label>
  <label htmlFor="room-deluxe" className="flex items-center gap-2 text-xs">
    <RadioGroupItem id="room-deluxe" value="deluxe" />
    დელუქსი
  </label>
</RadioGroup>

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import { RadioGroup, RadioGroupItem } from "@llc-conciergia/ui/radio-group";

Conciergia CLI

npx @llc-conciergia/cli add radio-group

shadcn CLI

npx shadcn@latest add https://ui.conciergia.co/r/radio-group.json

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
RadioGroup: value / defaultValue	string	—	არჩეული ვარიანტი.
RadioGroup: onValueChange	(value, details) => void	—	არჩევის ცვლილება.
RadioGroup: orientation	horizontal \| vertical	vertical	ჯგუფის განლაგება.
RadioGroup: disabled / name / required	Base UI RadioGroup props	—	ფორმის სემანტიკა და მიუწვდომელი მდგომარეობა.
RadioGroupItem: value	unknown	—	ვარიანტის მნიშვნელობა.
RadioGroupItem: disabled	boolean	false	გამოტოვება ნავიგაციისას.
RadioGroup / RadioGroupItem: ref / className / …	Base UI props	—	სახელი მიეცით ჯგუფს, label — თითოეულ ელემენტს.