Button
მთავარი ქმედების ღილაკი. კლიენტ-კომპონენტია („use client“), მაგრამ სერვერ-გვერდიდან პირდაპირ იმპორტდება; onClick-ის მიწოდება კი მხოლოდ კლიენტ-კომპონენტიდანაა შესაძლებელი.
მაგალითი
import { Button } from "@llc-conciergia/ui/button";
<Button leftIcon={<CalendarPlus />}>დაჯავშნა</Button>
<Button variant="outline">დეტალები</Button>
<Button loading />
<Button nativeButton={false} render={<a href="/booking" />}>ბმული</Button>ინსტალაცია
pnpm add @llc-conciergia/uiimport { Button } from "@llc-conciergia/ui/button";npx @llc-conciergia/cli add buttonnpx shadcn@latest add https://ui.conciergia.co/r/button.jsonProps
| Prop | ტიპი | ნაგულისხმევი | აღწერა |
|---|---|---|---|
| variant | "primary" | "secondary" | "outline" | "ghost" | "destructive" | "link" | "primary" | ვიზუალური სტილი. |
| size | "sm" | "md" | "lg" | "icon" | "md" | ზომა; icon-ს aria-label სჭირდება. |
| loading | boolean | false | სპინერი, aria-busy და ბლოკირება; ტექსტის გარეშე ლოკალიზებულ „იტვირთება“-ს აჩვენებს. |
| disabled | boolean | false | გამორთვა. |
| leftIcon / rightIcon | ReactNode | — | ხატულა ტექსტის წინ/შემდეგ. |
| render | ReactElement | — | სხვა ელემენტად რენდერი (Base UI useRender). |
| nativeButton | boolean | true | false, როცა render არა-button ელემენტს აწვდის. |