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

COMPONENTS

전체 컴포넌트

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

11개 컴포넌트

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

Actions

Button

행동의 중요도, 크기와 실행 가능 상태를 표현합니다.

Actions

ButtonGroup

서로 연결된 보기나 조건을 버튼 형태로 선택합니다.

Actions

Chip

선택된 항목의 라벨과 선택적인 삭제 행동을 표시합니다.

Actions

CopyButton

프로젝트가 지정한 값을 복사하고 결과를 알립니다.

Actions

Dropdown

트리거를 기준으로 작업 메뉴를 엽니다.

Actions

DropdownDivider

메뉴 항목 사이의 구분선을 표시합니다.

Dropdown의 구성 요소
Actions

DropdownItem

메뉴의 실행·선택·비활성·위험 액션을 표현합니다.

Dropdown의 구성 요소
Actions

FormActions

확인·취소 액션과 로딩 중 중복 실행 방지를 연결합니다.

Actions

IconToggle

아이콘으로 선택 상태를 표현합니다. 즐겨찾기·관심도 같은 컨트롤로 구성합니다.

Actions

MenuButton

버튼과 메뉴를 연결하며 compact 표현을 지원합니다.

Actions

RefreshButton

갱신 요청과 갱신 중 회전 표시를 연결합니다.

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