RN Primitives

Style-agnostic, accessible React Native components for iOS, Android, and We...

Component setReact NativeHeadless components
roninoss/rn-primitivesrnprimitives.com@rn-primitives/hooks

README

RN Primitives


Universal Style agnostic and accessible react-native components

Unstyled Nature


RN Primitives provides unstyled components, offering a high degree of customization freedom. By default, the components come without any predefined styles, allowing developers to seamlessly match their app's aesthetics.

Accessibility


Accessibility is a significant focus within RN Primitives. We are dedicated to ensuring our components align with accessibility standards. Our ongoing efforts involve designing and testing components with appropriate labels, roles, and behaviors, aiming to provide an inclusive user experience.

Primitives


Core


- accordion
- alert-dialog
- aspect-ratio
- avatar
- checkbox
- collapsible
- context-menu
- dialog
- dropdown-menu
- hover-card
- label
- menubar
- navigation-menu
- popover
- progress
- radio-group
- select
- separator
- slider
- switch
- table
- tabs
- toast
- toggle
- toggle-group
- toolbar
- tooltip

Shared


- hooks
- portal
- slot
- types
- utils

Getting started for contributors


Fork, clone, and install the dependencies with pnpm

  1. ```bash
  2. pnpm i
  3. ```

Build and watch all of the primitive packages:

  1. ```bash
  2. pnpm dev:primitives
  3. ```

Start the ios Example app:

  1. ```bash
  2. pnpm dev:example
  3. ```

Start the Documentation app:

  1. ```bash
  2. pnpm dev:docs
  3. ```