HIG Playground Home GitHub🇺🇸 EN
HIG Lab → HIG Playground → Sidebars

Sidebars

iOS 사이드바의 구조와 옵션을 직접 체험해보세요. 섹션 수, 아이콘, 배지를 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Sidebar
⚠️ HIG 위반: 사이드바 구성이 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use clear section headers
  • Show badges for unread/pending counts
  • Support reordering in edit mode
  • Use SF Symbols consistently

✗ 이렇게 하지 마세요

  • Don't nest sidebars too deeply
  • Don't use badges for non-essential info
  • Don't make sidebar the only navigation method
  • Don't hide important sections

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

Show Icons
Show Badges
Edit Mode
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground