Conciergia UI

Dialog

მოდალური ფანჯარა Base UI Dialog-ზე: ფოკუსის ჩაკეტვა, Escape-ით დახურვა, ლოკალიზებული დახურვის ღილაკი. ეს გვერდი სერვერ-კომპონენტია — Dialog-ს „use client“ wrapper არ სჭირდება.

მაგალითი

ინსტალაცია

terminal
pnpm add @llc-conciergia/ui
იმპორტი
import {
  Dialog, DialogClose, DialogContent, DialogDescription,
  DialogFooter, DialogHeader, DialogTitle, DialogTrigger,
} from "@llc-conciergia/ui/dialog";

Props

Propტიპინაგულისხმევიაღწერა
Dialog: open / defaultOpenboolean—კონტროლირებადი ან საწყისი მდგომარეობა.
Dialog: onOpenChange(open: boolean) => void—გახსნა/დახურვა (კლიენტიდან).
DialogTrigger / DialogClose: renderReactElement—ღილაკად რენდერი, მაგ. <Button />.
DialogContent: hideClosebooleanfalseკუთხის დახურვის ღილაკის დამალვა.
DialogContent: containerHTMLElement | refdocument.bodyPortal-ის კონტეინერი.