Spinner

ჩატვირთვის ინდიკატორი role=status-ით და ვიზუალურად დამალული ტექსტით. ფერს ტექსტისგან იღებს.

მაგალითი

@llc-conciergia/ui/spinner

import { Spinner } from "@llc-conciergia/ui/spinner";

<Spinner />
<Spinner size="lg" className="text-primary" label="ჯავშნები იტვირთება" />
<Spinner label="Loading rooms" /> {/* en/ru აპებში თარგმანი თავად გადაეცით */}

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import { Spinner } from "@llc-conciergia/ui/spinner";

Conciergia CLI

npx @llc-conciergia/cli add spinner

shadcn CLI

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

შენიშვნები

Spinner სერვერ-კომპონენტია, ამიტომ LocaleProvider-ს ვერ კითხულობს: label-ის ნაგულისხმევი მნიშვნელობა ქართულია („იტვირთება“). ინგლისურ ან რუსულ ინტერფეისში label თავად გადაეცით (მაგ. სერვერზე მიღებული თარგმანით). prefers-reduced-motion-ის დროს არ ბრუნავს.

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
size	"xs" \| "sm" \| "md" \| "lg"	"sm"	12 / 16 / 20 / 32 px.
label	string	"იტვირთება"	ეკრანის მკითხველის ტექსტი (sr-only).
className	string	—	ფერი (text-*) და განლაგება.