material 32 Material 3 UI - All buttons Material 3 버튼 카테고리 총정리Material 3에서는 크게 10가지 버튼 유형을 정의하며, 강조 수준(Emphasis)에 따라 다음과 같이 분류된다Text ButtonOutlined ButtonFilled ButtonFilled Tonal ButtonElevated ButtonIcon ButtonToggle ButtonSplit ButtonToggle Icon ButtonStandard Button Group강조(Emphasis) 순서Material 3에서는 강조 정도에 따라 버튼을 다음과 같이 나눈다 m3.material.ioen.wikipedia.org+6m3.material.io+6m3.material.io+6:High Emphasis: Filled, Elevated 버튼Medium Em.. 2025. 6. 24. Material 3 UI - Navigation bar 🔷 Navigation Bar란?Navigation Bar는 화면 하단에 고정되어 있는 컴포넌트로, 앱의 주요 섹션(탭) 간 이동을 담당한다.Material 3에서는 특히 3~5개의 목적지(Tab)를 가진 앱에서 사용하도록 설계되었다.📌 Android에서는 BottomNavigationView 또는 NavigationBar로 구현할 수 있다.📌 iOS에서는 Tab Bar와 유사한 개념이다.Navigation Bar와 Navigation Rail, Drawer의 차이컴포넌트용도위치추천 기기Navigation Bar3~5개의 주요 목적지 이동하단스마트폰Navigation Rail더 많은 목적지 지원 (5~7개)좌측 세로태블릿, 대형폰Navigation Drawer확장된 내비게이션 구조좌측 슬라이드계층형.. 2025. 6. 19. 이전 1 다음