React-native-sb-chiper NPM

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
  };
};

react-native ios android

date-fns rn-tooltip react-i18next tiny-invariant @shopify/restyle @gorhom/bottom-sheet phosphor-react-native react-native-toast-notifications

@infinitebrahmanuniverse/nolb-react-native-sb @everything-registry/sub-chunk-2590 @zalastax/nolb-react-native-sb

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago