/ UI Elements

UI Elements

1. Buttons

Primary & Secondary

Preset Buttons

label:

Badge/Filter Buttons

label

Loading Button

클릭 후 응답 대기 중 상태를 표시하는 버튼

2. Inputs

Text Input

Search Input

dropdown

Select

Split Input

- -

Tag Input

tag1 tag2

3. Form Elements

Form Group

hint text

Form Group (Required Field)

Form Group (Error State)

에러 메시지가 여기에 표시됩니다.

Checkbox

Radio Button

Toggle/Switch

toggle
toggle (active)

4. Status Badges

주문상태 뱃지

결제완료 입금대기 상품준비중 배송준비중 배송중 배송완료 주문취소 발송보류

상태 뱃지 (엑셀)

완료 생성중 실패 만료됨

5. Form Validation

Error Summary Box

페이지 상단에 표시되는 에러 요약 박스

입력 정보를 확인해주세요.

  • 이름은 필수입니다.
  • 이메일 형식이 올바르지 않습니다.

Inline Error Message

입력 필드 아래에 표시되는 개별 에러 메시지

이름은 필수입니다.

Validation States

입력 필드의 다양한 검증 상태

필수 입력 항목입니다.

사용 가능한 값입니다.