COMPONENTS
전체 컴포넌트
용도와 형태로 필요한 컴포넌트를 찾아보세요.
10개 컴포넌트
대표 이미지는 형태를 알아보기 쉽게 확대했습니다. 실제 크기는 상세 예제에서 확인하세요.
이미지는 React 예제입니다. 각 문서에서 선택한 플랫폼의 예제를 직접 조작할 수 있습니다. 플랫폼별 지원 범위
Feedback
Alert
상태의 의미와 사용자가 해야 할 행동을 본문으로 설명합니다.
Feedback
ChartSkeleton
차트 영역의 높이를 유지하며 조회 중인 상태를 표시합니다.
Feedback
DataState
최초 조회·조건 변경·동일 조건 갱신·실패를 구분하여 표시합니다.
Feedback
ErrorBoundary
하위 렌더링 오류를 대체 콘텐츠로 표현하고 오류 보고를 프로젝트에 전달합니다.
Feedback
FormSkeleton
폼 항목과 열 구성을 유지하면서 조회를 기다립니다.
Feedback
ListSkeleton
목록의 자산 식별 영역과 숫자 영역을 유지합니다.
Feedback
Progress
범위를 벗어난 값을 제한하여 완료 비율을 표시합니다.
Feedback
Skeleton
텍스트·카드·표·차트·통계·블록의 조회 대기 모양을 표시합니다.
Feedback
Spinner
작업이 진행 중임을 표시합니다. 완료 여부는 프로젝트가 결정합니다.
Feedback
Tooltip
트리거에 대한 짧은 설명을 표시합니다.