Stepper

Stepper는 입력값을 조절하는 구성 요소입니다. 숫자를 입력하거나 버튼을 통해 단계별로 증가 또는 감소시킬 수 있습니다.

Anatomy

anatomy

  • Numeric value(Input field)
  • Subtract button
  • Add button

Spec

SizePlacement
L 102x44avatar_Default_XLarge
PC
M 100x38 avatar_Default_XLarge
모바일
S 80x30avatar_Default_XLarge
주문/결제

Usage

Do

Do

입력 필드에 사용자가 직접 숫자를 입력하여 값을 반영할 수 있습니다.

Don’t

Don’t

입력 필드에 값을 ‘0’ 또는 공백으로 존재하지 않도록 합니다. 일반적으로 기본 값은 ‘1’로 설정합니다.

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