COMPONENTS
전체 컴포넌트
용도와 형태로 필요한 컴포넌트를 찾아보세요.
11개 컴포넌트
대표 이미지는 형태를 알아보기 쉽게 확대했습니다. 실제 크기는 상세 예제에서 확인하세요.
이미지는 React 예제입니다. 각 문서에서 선택한 플랫폼의 예제를 직접 조작할 수 있습니다. 플랫폼별 지원 범위
Finance
CollectionMark
즐겨찾기·관심 여부를 표시합니다. 변경 액션은 IconToggle을 사용합니다.
Finance
Deviation
기준과의 편차를 숫자 또는 신호로 표시합니다.
Finance
ExecutionStatusBadge
실행 상태와 사용자가 읽을 상태명을 함께 표시합니다.
Finance
Freshness
이전 값 또는 종가임을 표시하고 조회 시각을 설명합니다.
Finance
MarketCards
표시 지표를 선택하여 자산 목록의 핵심 값을 보여줍니다.
Finance
MarketListPanel
조회 조건과 시장 목록 사이의 간격·구분선을 구성합니다.
Finance
MarketSimpleList
자산명·가격·증감과 데이터의 최신 여부를 표시합니다.
Finance
MarketTable
정렬·컬렉션 액션과 프로젝트의 금융 포맷터를 연결하는 표입니다.
Finance
MarketTableSkeleton
실제 시장 표의 열·행·액션 영역을 유지합니다.
Finance
PriceCell
가격 포맷과 이전 값 표시를 분리해 표현합니다.
Finance
SignedValue
양수·음수·중립의 의미를 숫자 부호와 역할 색상으로 표시합니다.