로고SEED Design

Alert Dialog

이 문서는 정리 중이에요. 문의 내용은 #_design_core 채널을 찾아주세요.

Installation

npx @seed-design/cli@latest add alert-dialog

Props

PropTypeDefault
onOpenChange?
((open: boolean) => void)
-
defaultOpen?
boolean
-
open?
boolean
-
unmountOnExit?
boolean
false
lazyMount?
boolean
false
closeOnEscape?
boolean
true
closeOnInteractOutside?
boolean
true
role?
"dialog" | "alertdialog"
"dialog"
children?
ReactNode
-

Examples

Responsive Wrapping

<ResponsivePair> 컴포넌트를 사용해 버튼 컨텐츠가 길어지는 경우 레이아웃을 세로로 접을 수 있습니다.

Single Action

Neutral Secondary Action

Critical Action

Stackflow

제목
Stackflow

On this page