Components
ready 46 · planned 0
TODO: 나중에 적절한 설명을 넣어주기
Foundations
모든 컴포넌트가 의존하는 시각 기본기 — 텍스트와 아이콘.
Actions
사용자가 직접 명령을 실행시키는 버튼류.
Status & Display
상태·정보·빈 상태를 정적으로 표시하는 라벨과 메시지.
검색 결과 없음
다른 키워드로 시도해보세요
Empty→
데이터가 없을 때 보여줄 빈 상태 메시지를 구성합니다.
최근 거래 3건의 평균을 기준으로 산정합니다.
InfoBox→
본문 옆에 안내·주의 문구를 작은 박스로 보여줍니다.
Inputs
단일 값을 입력하거나 편집하는 폼 컨트롤.
만원
3억 8,000만원
PriceInput→
가격을 입력받고 한글 단위(억·만원)로 자동 변환해 보여줍니다.
Selection & Filters
여러 선택지에서 고르거나 조건을 좁히는 토글·필터.
Overlays
현재 화면 위에 레이어로 등장하는 UI.
Feedback
시스템 상태를 잠시 알리는 토스트·로딩 표시.
Data Display
표·구조화된 데이터를 보여주는 컴포넌트.
| 래미안 원베일리 | 38,000만원 |
| 아크로리버파크 | 42,000만원 |
| 반포자이 | 36,000만원 |
DataTable→
많은 행의 데이터를 정렬·고정 컬럼과 함께 표로 보여줍니다.
전고점
11억 9,700만 (2021-09-26)
전고점 대비 하락률
-3.93%
최근 1년 변동률
+28.5%
DetailList→
label · badge · value(+sub) · description 3-슬롯 정적 key-value 리스트.
| Free | Pro | |
|---|---|---|
| 월 사용량 | 100 | 무제한 |
| 히스토리 | 7일 | ∞ |
| 가격 | 0원 | 9,900원 |
ComparisonTable→
여러 후보를 컬럼으로, 항목을 행으로 가로 비교. 섹션·active 컬럼·행별 best 강조 지원.
Forms
폼 조합과 검증 구조.
Layout
페이지·뷰포트 골격을 잡는 레이아웃.