Alert Dialog

사용자의 주의가 필요한 중요한 정보를 전달하거나 확인을 요청하는 모달 컴포넌트입니다. 삭제 확인과 같은 중요한 의사결정이 필요할 때 사용됩니다.

Figma

Done

iOS

Done

Android

Done

개요

속성	값	기본값
title	string
description	string

상태	슬롯	속성	값
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