Conciergia UI

ჩანართები · Tabs

დაკავშირებული განყოფილებები კლავიატურით მართვადი ჩანართებით.

მაგალითი

თავისუფალი ნომრები: 12

ინსტალაცია

terminal
pnpm add @llc-conciergia/ui
იმპორტი
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@llc-conciergia/ui/tabs";

შენიშვნები

ინდიკატორს TabsList ავტომატურად ამატებს; prefers-reduced-motion თიშავს გადასვლას. TabsList-ს მიეცით aria-label.

Props

Propტიპინაგულისხმევიაღწერა
Tabs: value / defaultValue / onValueChangeBase UI Tabs.Root—აქტიური ჩანართის კონტროლი.
Tabs: orientationhorizontal | vertical—ისრების მიმართულება; ნაგულისხმევად horizontal.
TabsList: variantunderline | pills | segmented—underline ნაგულისხმევია; pills და segmented სინონიმებია.
TabsList: activateOnFocus / loopFocusboolean—ორივე ნაგულისხმევად true; ისრები, Home და End მართავს ფოკუსს.
TabsTrigger: value / disabledunknown / boolean—უნიკალური მნიშვნელობა; გამორთული ჩანართი გამოტოვებულია.
TabsContent: value / keepMountedunknown / boolean—დაკავშირებული პანელი; Base UI-ის სიცოცხლის ციკლი.
ყველა ნაწილი: className / render / refBase UI props—სტილის, ელემენტის და ref-ის გადაცემა.