Alert Dialog

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

개요

속성	값	기본값
title	string
description	string

Alert Dialog 컴포넌트를 React로 사용하는 방법을 설명합니다.

상태	슬롯	속성	값
enabled	backdrop	color	$color.bg.overlay
		enterDuration	$duration.d2
		enterTimingFunction	$timing-function.enter
		enterOpacity	0
		exitDuration	$duration.d2
		exitTimingFunction	$timing-function.exit
		exitOpacity	0
	content	color	$color.bg.layer-floating
		cornerRadius	$radius.r5
		marginX	$dimension.x8
		marginY	$dimension.x16
		maxWidth	272px
		enterDuration	$duration.d4
		enterTimingFunction	$timing-function.enter-expressive
		enterOpacity	0
		enterScale	1.3
		exitDuration	$duration.d2
		exitTimingFunction	$timing-function.exit
		exitOpacity	0
	header	gap	$dimension.x1_5
		paddingX	$dimension.x5
		paddingTop	$dimension.x5
	footer	gap	$dimension.x2
		paddingX	$dimension.x5
		paddingTop	$dimension.x4
		paddingBottom	$dimension.x5
	title	color	$color.fg.neutral
		fontSize	$font-size.t7
		lineHeight	$line-height.t7
		fontWeight	$font-weight.bold
	description	color	$color.fg.neutral
		fontSize	$font-size.t5
		lineHeight	$line-height.t5
		fontWeight	$font-weight.regular