Dialog

Docs

Dialog

기본 dialog 또는 다른 dialog에 겹쳐져 새로운 컨텐츠를 활성화하는 dialog 모달 컴포넌트.

컴포넌트의 구조

<Dialog>
  <DialogTrigger asChild>트리거로 사용될 컴포넌트</DialogTrigger>
  <DialogContent>
    <DialogHeader>
      <DialogTitle>Title</DialogTitle>
      <DialogDescription>Description</DialogDescription>
    </DialogHeader>
    {/** 컨텐츠 역할의 컴포넌트 자리  */}
    <DialogFooter className='mt-5 flex'>Footer</DialogFooter>
  </DialogContent>
</Dialog>

TOC