radix-ui/primitives

어떤 프로젝트인가요?

핵심 기능

• 01포커스 관리와 키보드 탐색을 처리하는 접근성 높은 컴포넌트입니다.
• 02스타일이 지정되지 않은 빌딩 블록으로, 시각적 디자인을 자유롭게 커스터마이징할 수 있습니다.
• 03기존 React 코드베이스에 점진적으로 도입할 수 있습니다.
• 04React 프로젝트를 위한 TypeScript로 작성되었습니다.

활용 사례

• 접근성 높은 기반 컴포넌트 위에 맞춤형 디자인 시스템을 구축할 때.
• 포커스 처리 로직을 처음부터 작성하지 않고 React 웹 앱에 다이얼로그, 메뉴 또는 팝오버를 추가할 때.
• 기존 React 애플리케이션의 UI 계층을 점진적으로 현대화할 때.

빠른 시작

1. 1

   pnpm을 전역으로 설치합니다

   npm install -g pnpm
2. 2

   프로젝트 종속 항목을 설치합니다

   pnpm install

사용 전 알아둘 점

• !README에는 monorepo에 기여하기 위한 설정 방법만 나와 있습니다. 개별 패키지의 사용 방법은 외부 문서 사이트에 안내되어 있습니다.

토픽

자주 묻는 질문

primitives은(는) 무엇인가요?

디자인 시스템과 웹 앱을 만들기 위한, 스타일이 지정되지 않은 접근성 높은 React UI 프리미티브 오픈소스 모음입니다. Radix Primitives는 접근성, 커스터마이징, 개발자 경험에 중점을 둔 React용 저수준 UI 컴포넌트 라이브러리입니다. 다이얼로그, 팝오버, 메뉴, 탭, 폼 컨트롤 등의 기반 컴포넌트를 제공하며, 포커스 관리와 키보드 탐색 같은 복잡한 동작을 처리합니다.

primitives은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

primitives은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

primitives은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. primitives의 마지막 커밋은 2026년 10월 14일입니다.

primitives은(는) 어디에 사용할 수 있나요?

접근성 높은 기반 컴포넌트 위에 맞춤형 디자인 시스템을 구축할 때. 포커스 처리 로직을 처음부터 작성하지 않고 React 웹 앱에 다이얼로그, 메뉴 또는 팝오버를 추가할 때. 기존 React 애플리케이션의 UI 계층을 점진적으로 현대화할 때.

primitives는 어떻게 설치하나요?

pnpm을 전역으로 설치합니다: npm install -g pnpm 프로젝트 종속 항목을 설치합니다: pnpm install

primitives은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/radix-ui/primitives