Action area

Label이 7자 ‘이상’일 시 Strong 타입 사용을 권장합니다. 메인 행동을 대체하는 동등한 선택지를 제공할 때 Alternative action을 사용합니다.

Label이 7자 ‘미만’일 시 Neutral 타입 사용을 권장합니다. 메인 행동을 대체하는 동등한 선택지를 제공할 때 Alternative action을 사용합니다.

너비 560px 이상의 Modal 혹은 데스크톱 해상도에서 사용을 권장합니다. 메인 행동을 대체하는 동등한 선택지를 제공할 때 Alternative action을 사용합니다. 앱에서는 사용을 권장하지 않습니다.

‘일주일간 보지 않기, 하루동안 보지 않기’ 등 특정 기간동안 콘텐츠를 노출하지 않는 선택지를 제공할 때 사용합니다. 서브 액션보다 메인 액션을 더욱 강하게 유도할 때 사용합니다.

모바일과 데스크톱에서 ‘나중에, 닫기, 취소, 돌아가기’ 등 화면을 이탈하는 선택지를 제공할 때 사용합니다. ‘재설정, 북마크’ 등 아이콘만으로 사용자가 행동을 인지할 수 있는 가벼운 행동을 제시할 때 Assistive 버튼의 Icon only를 사용합니다.

웹의 너비 560px 이상의 모달에서 ‘닫기, 취소, 돌아가기’ 등 화면을 이탈하는 선택지를 제공할 때 사용합니다. Compact 타입에서는 가벼운 행동을 제시할 때 Compact content를 활용하여 Icon only 버튼을 사용합니다.

Extra 영역은 개발에서 기본적으로 Slot으로 처리되어 있으며 다양한 콘텐츠가 자유롭게 위치할 수 있습니다. 기본 동작은 스크롤에 관계없이 Extra 영역을 구분하는 Divider를 제공하지만, 필요에 따라 제거할 수 있습니다.

Compact 타입에는 Extra와 Compact content 두 가지 영역을 제공합니다. 개발에서는 두 영역 모두 Slot으로 처리되어 있습니다. 필요에 따라 두 영역을 동시에 활성화하여 사용할 수 있습니다.