Collapsible

დამატებითი ინფორმაციის გაშლა და დაკეცვა.

მაგალითი

ნომერი 201 · 2 სტუმარი · საუზმით

@llc-conciergia/ui/collapsible

import {
  Collapsible,
  CollapsibleTrigger,
  CollapsibleContent,
} from "@llc-conciergia/ui/collapsible";

<Collapsible defaultOpen>
  <CollapsibleTrigger>დაჯავშნის დეტალები</CollapsibleTrigger>
  <CollapsibleContent>
    <p className="pt-3">ნომერი 201 · 2 სტუმარი · საუზმით</p>
  </CollapsibleContent>
</Collapsible>;

ინსტალაცია

terminal

pnpm add @llc-conciergia/ui

იმპორტი

import {
  Collapsible,
  CollapsibleTrigger,
  CollapsibleContent,
} from "@llc-conciergia/ui/collapsible";

Conciergia CLI

npx @llc-conciergia/cli add collapsible

shadcn CLI

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

Props

Prop	ტიპი	ნაგულისხმევი	აღწერა
Collapsible: open / defaultOpen	boolean	—	კონტროლირებადი ან საწყისი გახსნა.
Collapsible: onOpenChange	(open, details) => void	—	გახსნის ცვლილების დამმუშავებელი.
Collapsible: disabled	boolean	—	ინტერაქციის გამორთვა.
CollapsibleTrigger	Base UI Trigger props	—	კლავიატურით მართვადი ღილაკი; children, render, className, ref.
CollapsibleContent: keepMounted	boolean	—	დახურული შიგთავსის DOM-ში შენარჩუნება.
CollapsibleContent	Base UI Panel props	—	children, render, className, ref; სიმაღლის ანიმაცია.
Collapsible	Base UI Root props	—	მშობლიური div თვისებები და Base UI პარამეტრები.