@boostdev/design-system-react-native

BoostDev React Native component library: accessible, token-driven components built on @boostdev/design-system-foundation.

Install

npm install @boostdev/design-system-react-native
# or
pnpm add @boostdev/design-system-react-native

Peer dependencies:

• react >= 18
• react-native >= 0.70
• @boostdev/design-system-foundation >= 2.0.0

Usage

import { ThemeProvider, Button, Typography } from '@boostdev/design-system-react-native';

export default function App() {
  return (
    <ThemeProvider>
      <Typography>Hello</Typography>
      <Button onPress={() => {}}>Press me</Button>
    </ThemeProvider>
  );
}

Wrap your app in ThemeProvider. It auto-detects system color scheme (light/dark) via useColorScheme, or you can pass colorScheme="light" | "dark" to force one.

Development

pnpm install
pnpm build        # tsup → dist/
pnpm typecheck    # tsc --noEmit
pnpm test         # vitest (uses react-native-web alias)

License

ISC © Boostdev