-
접근성 표준을 준수하는 저수준 React 컴포넌트와 훅을 제공하는 오픈소스 라이브러리
- 웹앱, 디자인 시스템, 컴포넌트 라이브러리 구축에 적합
- 기본적으로 스타일이 적용되지 않은 컴포넌트를 제공하지만, CSS/CSS-in-JS/Styled Components/Tailwind/Emotion 등 다양한 방식으로 자유롭게 스타일링 가능
- 주요 컴포넌트들 : WAI-ARIA 패턴에 기반해 동작하며 키보드와 스크린리더 호환성 보장
-
기본 컴포넌트: Button, Checkbox, Combobox, Dialog, Disclosure, Form, Heading, Hovercard, Menu, Menubar, Popover, Radio, Select, Tab, Toolbar, Tooltip, VisuallyHidden
-
추상 컴포넌트: Collection, Command, Composite, Focusable, Group, Portal, Role, Separator
-
className, style, ref와 같은 네이티브 props 지원, CSS selector는 안전한 aria-* 및 data-* 속성을 통해 제어 가능
-
unstyled + primitive 컴포넌트 구조를 제공
- 필요한 경우 예제 코드를 그대로 복사해 애플리케이션에 붙여넣고 스타일만 커스터마이즈 가능
- 이 접근 방식을 통해 UI의 접근성과 일관성을 유지하면서도 원하는 디자인 자유도 확보 가능