컴포넌트

다양한 스타일과 크기의 버튼 컴포넌트

버튼 그룹, 세그먼트 컨트롤, 비율 조절

텍스트 입력, 비밀번호, 텍스트 영역 컴포넌트

카드번호, OTP, 전화번호, 금액 등 형식 입력

선택 가능한 체크박스 컴포넌트

여러 옵션 중 하나를 선택하는 라디오 버튼

켜짐/꺼짐 상태를 전환하는 토글 스위치

드롭다운 형태의 선택 컴포넌트

날짜 선택 캘린더, DatePicker

값 범위 선택 슬라이더, 범위 슬라이더

토글 버튼, 토글 그룹

별점 입력 및 표시, 리뷰/평가 컴포넌트

파일 드래그앤드롭 업로드, 미리보기

시간 선택기, 12/24시간제

사용자 프로필 이미지, 이니셜 폴백

상태, 카테고리, 라벨 등을 표시하는 뱃지

콘텐츠를 그룹화하여 표시하는 컨테이너

데이터 테이블, 정렬, 선택, 페이지네이션

접이식 콘텐츠 패널, FAQ

이미지/콘텐츠 슬라이더

활동 로그, 히스토리, 이벤트 타임라인

폴더 구조, 카테고리 계층 트리 뷰

VSCode 스타일의 코드 편집기 컴포넌트

모달 다이얼로그 및 확인 다이얼로그

알림 메시지를 표시하는 토스트 컴포넌트

화면 테두리 빛 효과로 주의를 끄는 컴포넌트

로딩 상태를 표시하는 플레이스홀더

정적 알림 메시지, 정보/경고/오류 표시

진행률 바, 원형 프로그레스 인디케이터

탭 기반 콘텐츠 전환 컴포넌트

컨텍스트 메뉴, 액션 메뉴 드롭다운

현재 페이지 위치를 계층적으로 표시

테이블/리스트 페이지 이동

단계별 진행 표시, 결제/가입 프로세스

드롭다운 네비게이션, 메가 메뉴, 중첩 메뉴

데스크탑 앱 스타일 메뉴바

드래그앤드롭, 칸반보드 컴포넌트

마우스 호버 시 추가 정보 표시

클릭 시 팝업 콘텐츠 표시

사이드 슬라이드 패널, 모바일 드로어

호버 시 미리보기 카드

우클릭 컨텍스트 메뉴

⌘K 스타일 커맨드 팔레트

콘텐츠 구분선 (수평/수직)

커스텀 스크롤바 영역

드래그로 크기 조절 가능한 패널