Disclosure Groups — HIG Playground

iOS DisclosureGroup의 확장/축소 동작을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41

●●●● WiFi 🔋

Settings

Account Settings ▶

👤 Profile

✉ Email

🔒 Password

Notifications ▶

🔔 Push

✉ Email

💬 SMS

Privacy ▶

📍 Location

👥 Contacts

📷 Photos

⚠️ HIG 위반: 깊은 중첩이 혼란을 줍니다

📚 HIG Guidelines — 직접 체험하기

✓ Do — 올바른 예시

✗ Don't — 나쁜 예시

✓ 이렇게 하세요

Use clear, descriptive section labels
Show disclosure indicator (chevron)
Maintain visual hierarchy with indentation
Animate expand/collapse transitions

✗ 이렇게 하지 마세요

Nest more than 3 levels deep
Hide critical information in collapsed sections
Use disclosure groups for only 1-2 items
Forget to indicate the expanded/collapsed state

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

Animation

Smooth

Spring

None

Nesting Levels

1 Level

2 Levels

Style

Inset Grouped

Plain

Sidebar

SwiftUI Code

DisclosureGroup("Account Settings") { Label("Profile", systemImage: "person") Label("Email", systemImage: "envelope") Label("Password", systemImage: "lock") }