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

COMPONENTS

전체 컴포넌트

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

10개 컴포넌트

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

Feedback

Alert

상태의 의미와 사용자가 해야 할 행동을 본문으로 설명합니다.

Feedback

ChartSkeleton

차트 영역의 높이를 유지하며 조회 중인 상태를 표시합니다.

Feedback

DataState

최초 조회·조건 변경·동일 조건 갱신·실패를 구분하여 표시합니다.

Feedback

ErrorBoundary

하위 렌더링 오류를 대체 콘텐츠로 표현하고 오류 보고를 프로젝트에 전달합니다.

Feedback

FormSkeleton

폼 항목과 열 구성을 유지하면서 조회를 기다립니다.

Feedback

ListSkeleton

목록의 자산 식별 영역과 숫자 영역을 유지합니다.

Feedback

Progress

범위를 벗어난 값을 제한하여 완료 비율을 표시합니다.

Feedback

Skeleton

텍스트·카드·표·차트·통계·블록의 조회 대기 모양을 표시합니다.

Feedback

Spinner

작업이 진행 중임을 표시합니다. 완료 여부는 프로젝트가 결정합니다.

Feedback

Tooltip

트리거에 대한 짧은 설명을 표시합니다.

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