Bottom sheet

화면 하단에서 위로 슬라이드하여 나타나는 UI 요소로, 추가적인 정보나 옵션을 제공하는 데 사용됩니다. 주로 모바일 애플리케이션에서 많이 활용되며, 사용자가 현재 보고 있는 콘텐츠를 방해하지 않으면서도 필요한 기능이나 정보를 쉽게 접근할 수 있도록 합니다.

Anatomy

Anatomy

Container
Drag handle (Optional)
Fixed bottom button (Optional)
Header (Optional)
Close button (Optional)
Scrim (Optional)

Type

Standard bottom sheet
화면의 기본 콘텐츠를 보완하는 콘텐츠를 표시합니다. 사용자가 기본 콘텐츠와 상호 작용하는 동안에도 계속 표시됩니다.
Modal bottom sheet
추가 항목, 더 긴 설명 및 도상학을 위한 공간을 제공합니다. 기본 콘텐츠와 상호 작용하려면 이를 해제해야 합니다.

© KYOBO BOOK CENTRE교보문고 바로가기