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

Steppers

iOS Stepper의 +/- 컨트롤을 직접 체험해보세요. 스텝 크기, 범위, 레이블 위치를 컨트롤 패널에서 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
Steppers
Current Value
5
Range: 0 – 10
Quantity
Quantity
Step: 1
Guests
Adults
2 guests
Price
Tip Amount
$5.00
⚠️ HIG 위반: 스테퍼가 사용하기 어렵습니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Display the current value clearly near the stepper
  • Set appropriate min/max range limits
  • Use logical step increments (1, 5, 10, etc.)
  • Disable +/- buttons at range boundaries
  • Place the label to the leading side by default

✗ 이렇게 하지 마세요

  • Don't use a stepper for large range selections
  • Don't hide the current value from the user
  • Don't use inconsistent step sizes without reason
  • Don't make the stepper too small to tap

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

0 – 10
0 – 50
0 – 100
-10 – 10
Leading
Trailing
Top
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground