over-ui는 재사용이 가능하며, 접근성을 지킨 리액트 컴포넌트 라이브러리 입니다.
| 패키지 이름 | 패키지 설명 |
|---|---|
| @over-ui/core | over-ui 에 모두에 대다수 적용되는 유틸을 모아둔 패키지입니다. 다형적 컴포넌트를 쉽게 구성할 수 있는 Poly 타입, context 를 안전하게 불러올 수 있는 useSafeContext 등이 있습니다. |
| @over-ui/use-controlled | 외부의 상태를 이용하거나, 또는 내부의 상태만을 이용할 수 있도록 작성한 훅입니다. |
| @over-ui/create-roving-context | toggleGroup 컴포넌트의 접근성을 구현할 때 roving tabIndex를 구현하기 위한 패키지입니다. |
| @over-ui/use-id | 리액트 18버전에 등장한 React.useId 훅을 이전 버전에서도 안전하게 사용할 수 있도록 작성한 패키지입니다. |
| @over-ui/use-outside-click | 바깥을 클릭했을 때 인터렉션이 가능하도록 작성한 패키지 입니다. |
| @over-ui/merge-refs | ref를 함칠 수 있는 유틸 패키지입니다. |
| @over-ui/toggle | 재사용 가능하며, 접근성을 지킨 toggle 컴포넌트 패키지입니다. |
| @over-ui/toggle-group | 재사용 가능하며, 접근성을 지킨 toggleGroup 컴포넌트 패키지입니다. |
| @over-ui/select | 재사용 가능하며, 접근성을 지킨 select 컴포넌트 패키지입니다. |
각 패키지 README.MD 를 통해 usage를 확인해 볼 수 있습니다.
컴포넌트는 여기 스토리북에서 확인하실 수 있습니다.