43개 표준 컴포넌트.

Badge

상태나 속성을 나타내는 작은 레이블입니다. 거래 상태를 즉시 전달합니다.

Button

사용자가 클릭하여 액션을 트리거하는 가장 기본적인 요소입니다.

Border

UI 요소 사이의 시각적 구분선입니다. 리스트와 섹션을 명확히 분리합니다.

Icon Button

아이콘만으로 구성된 버튼입니다. 찜, 공유, 더보기 등 빈번한 액션에 사용됩니다.

Text Button

텍스트만으로 구성된 최소한의 버튼입니다. 보조 액션이나 인라인 링크에 적합합니다.

Bottom CTA

화면 하단에 고정되는 액션 버튼 영역입니다. 구매, 제안 등 주요 흐름에 사용됩니다.

Navigation

화면 상단 네비게이션 바입니다. 뒤로가기, 제목, 액세서리를 포함합니다.

Tab

한 화면에서 여러 콘텐츠를 효율적으로 전환합니다.

Menu

드롭다운 또는 컨텍스트 메뉴입니다. 작품 관리, 거래 옵션 등에 사용됩니다.

Progress Stepper

단계형 진행 표시기입니다. 작품 등록, 거래 절차 등 다단계 흐름에 사용됩니다.

Segmented Control

세그먼트 탭 전환 컴포넌트입니다. 뷰 모드나 필터 전환에 사용됩니다.

Asset

이미지, 아이콘, 비디오 등 미디어를 일관된 프레임에 표시합니다.

Paragraph

텍스트, 아이콘, 배지, 링크를 조합하는 복합 텍스트 컴포넌트입니다.

Highlight

텍스트 강조 하이라이트입니다. 검색 결과나 핵심 키워드를 시각적으로 부각합니다.

List Row

단일 행 형태의 리스트 아이템입니다. 아이콘, 텍스트, 액세서리를 포함합니다.

List Header

리스트나 섹션 상단의 헤더입니다. 제목과 액션 링크를 포함합니다.

Top

페이지 상단 헤더입니다. 제목, 부제, 액션 버튼을 배치합니다.

Artwork Card

미술품 한 점의 핵심 정보를 카드 형태로 표시합니다.

Board Row

게시판 및 매물 목록의 행입니다. 썸네일, 제목, 설명, 보조정보를 포함합니다.

Grid List

갤러리 및 카탈로그용 그리드 리스트입니다. 작품을 격자 형태로 탐색할 수 있습니다.

List Footer

리스트 하단 영역입니다. 페이지네이션, 더보기 버튼 등을 표시합니다.

Post

SNS형 게시글 카드입니다. 갤러리 소식, 작품 후기 등 피드 콘텐츠에 사용됩니다.

Table Row

테이블 행 컴포넌트입니다. 작품 가격표, 거래 내역 등 정형 데이터를 표시합니다.

Toast

짧은 피드백 메시지를 일시적으로 표시합니다.

Modal

사용자의 주의를 집중시키는 오버레이 대화상자입니다.

Notification

시스템 알림을 리스트 형태로 표시합니다.

Bottom Info

화면 하단의 정보 또는 경고 메시지 바입니다. 거래 안내, 주의사항 등을 전달합니다.

Bottom Sheet

하단에서 올라오는 시트입니다. 필터, 정렬, 옵션 선택 등에 사용됩니다.

Bubble

말풍선형 툴팁 및 가이드입니다. 온보딩이나 기능 안내에 사용됩니다.

Dialog

시스템 대화 상자입니다. 거래 확인, 삭제 경고 등 중요한 의사결정에 사용됩니다.

Loader

로딩 인디케이터입니다. 데이터 불러오기, 작품 이미지 로딩 시 사용됩니다.

Progress Bar

진행 상태 바입니다. 작품 업로드, 감정 진행률 등을 시각적으로 표시합니다.

Result

작업 결과를 표시합니다. 거래 성공, 등록 실패 등 최종 상태를 전달합니다.

Skeleton

콘텐츠 로딩 스켈레톤입니다. 작품 목록, 프로필 등 로딩 전 레이아웃을 유지합니다.

Tooltip

호버 시 나타나는 설명 레이어입니다. 아이콘이나 축약 텍스트의 보조 설명에 사용됩니다.

Text Field

사용자로부터 텍스트 데이터를 입력받는 필드입니다.

Checkbox

하나 이상의 옵션을 선택할 수 있는 체크박스입니다.

Numeric Spinner

숫자 증감 입력 컴포넌트입니다. 작품 수량, 호수 입력 등에 사용됩니다.

Rating

별점 평가 컴포넌트입니다. 딜러 평판, 거래 만족도 평가에 사용됩니다.

Search Field

검색 입력 필드입니다. 작품명, 작가명, 갤러리 검색에 사용됩니다.

Slider

범위 슬라이더입니다. 가격 범위, 작품 크기 필터 등에 사용됩니다.

Stepper

단계 증감 컴포넌트입니다. 작품 수량 조절, 입찰 단위 설정에 사용됩니다.

Switch

토글 스위치입니다. 알림 설정, 자동 입찰 등 on/off 전환에 사용됩니다.