본문으로 건너뛰기
KJUNUI
GET STARTED
소개
디자인 원칙
시작하기
전체 지원 현황
FOUNDATIONS
디자인 토큰
모션·애니메이션
화면 배치
레이어·Elevation
색상·서체 연결
접근성
상태·상호작용
아이콘
사용 가이드
피드백 서비스
COMPONENTS전체 컴포넌트
Components전체 컴포넌트

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

양수·음수·중립의 의미를 숫자 부호와 역할 색상으로 표시합니다.

이전피드백 서비스
다음Button
KJUN UI · v0.3.0Small apps. Thoughtfully made.
전체 컴포넌트 — KJUN UI