COMPONENTS

전체 컴포넌트

용도와 형태로 필요한 컴포넌트를 찾아보세요.

14개 컴포넌트

대표 이미지는 형태를 알아보기 쉽게 확대했습니다. 실제 크기는 상세 예제에서 확인하세요.
이미지는 React 예제입니다. 각 문서에서 선택한 플랫폼의 예제를 직접 조작할 수 있습니다. 플랫폼별 지원 범위

AnimatedNumber

값 변경을 숫자 전환으로 표현합니다. formatter와 접두·접미사는 프로젝트가 제공합니다.

사용자 이미지와 이름 기반 대체 표현을 제공합니다.

짧은 상태명과 의미를 작은 표시로 전달합니다.

결과가 없는 이유와 사용자가 실행할 다음 행동을 설명합니다.

프로젝트 색상을 배경층에 연결하고 값의 농도만 투명도로 조절합니다.

Tabler 3.48.0의 선형 5,166개·채움형 1,054개를 공통 @kjun/icons 패키지로 제공합니다. 추가 아이콘은 개별 import 후 KjunProvider.icons에 등록합니다.

콘텐츠 이미지의 비율과 실패 대체 표현을 제공합니다.

대표 수치와 증감, 보조 지표를 한 영역에서 표시합니다.

여러 KPI를 같은 행에 놓고 모바일에서 정보 위계를 유지합니다.

제목·설명·앞뒤 정보와 별도의 보조 행동으로 범용 목록 행을 구성합니다.

제목과 설명이 있는 범용 목록 묶음입니다.

표 안에서 수치와 진행 비율을 함께 보여줍니다.

작은 공간에 값의 추세를 표시합니다. 의미와 색상은 입력으로 연결합니다.

데이터 열, 정렬, 행 선택, 확장, 모바일 카드 표현을 구성합니다.