@chiper-inc/react-native-sb-chiper

Storybook React Native

React Native component library react-native-sb-chiper using Shopify's Restyle, based on Chiper's design system.

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

Installation

npm install react-native-sb-chiper

yarn add react-native-sb-chiper

Storybook

yarn storybook

Usage

Wrapper your code into ThemeProvider

// `App.tsx`
import * as React from 'react';
import { Box, ThemeProvider, Text, fonts } from 'react-native-sb-chiper';

export default function App() {
  return (
    <ThemeProvider>
      <Box flex={1} justifyContent="center" alignItems="center">
        <Text
          variant="H1"
          fontFamily={fonts.caustenRoundBold}
          color="chiperBrandRed"
        >
          examples
        </Text>
      </Box>
    </ThemeProvider>
  );
}

If you are using react-native-reanimated add 1 line on babel.config.js

module.exports = function (api) {
  return {
    plugins: [
      'react-native-reanimated/plugin', // added
  };
};