본문으로 건너뛰기

소개

React Common Components Library에 오신 것을 환영합니다!

이 라이브러리는 웹 애플리케이션 개발을 위한 재사용 가능한 고품질 React 컴포넌트를 제공합니다. 모던한 디자인 패턴과 접근성을 염두에 두고 만들어진 이 컴포넌트들은 다양한 프로젝트에서 쉽게 사용할 수 있습니다.

주요 특징

  • 모던한 디자인: 최신 디자인 트렌드를 반영한 컴포넌트
  • 접근성: WCAG 지침을 준수한 접근성 높은 컴포넌트
  • 커스터마이징: 쉽게 스타일을 조정하고 확장할 수 있는 API
  • TypeScript 지원: 모든 컴포넌트에 타입 정의 포함
  • 문서화: 모든 컴포넌트에 대한 자세한 문서와 예제 제공

컴포넌트 목록

라이브러리에는 다음과 같은 컴포넌트가 포함되어 있습니다:

  1. Accordion - 접을 수 있는 콘텐츠 패널
  2. AlertDialog - 모달 형태의 경고 대화 상자
  3. AspectRatio - 지정된 가로세로 비율을 유지하는 컨테이너
  4. Avatar - 사용자 프로필 이미지나 이니셜
  5. Button - 다양한 스타일과 기능을 가진 버튼
  6. Checkbox - 체크박스 입력 요소
  7. Collapsible - 토글 가능한 콘텐츠 컨테이너
  8. Command - 키보드 중심의 명령어 팔레트
  9. ContextMenu - 우클릭 메뉴
  10. Dialog - 모달 다이얼로그
  11. DropdownMenu - 드롭다운 메뉴
  12. HoverCard - 호버 시 표시되는 카드 컴포넌트
  13. Input - 다양한 형태의 입력 필드
  14. Label - 접근성 높은 폼 레이블
  15. Menubar - 메뉴바 네비게이션
  16. NavigationMenu - 내비게이션 메뉴 컴포넌트
  17. Popover - 팝오버 대화상자
  18. Progress - 진행 상태 표시 컴포넌트
  19. RadioGroup - 라디오 버튼 그룹
  20. ScrollArea - 사용자 정의 스크롤바를 갖춘 영역
  21. Select - 드롭다운 선택 컴포넌트
  22. Separator - 콘텐츠 구분선
  23. Slider - 범위 선택 슬라이더
  24. Switch - 토글 스위치
  25. Tabs - 탭 인터페이스
  26. Textarea - 멀티라인 텍스트 입력 영역
  27. Tooltip - 요소에 대한 추가 정보 표시

시작하기

컴포넌트 라이브러리 사용을 시작하려면 설치 가이드를 참조하세요.