renceng-native is an implementation of Renceng Design Language System for react-native apps using styled-system and @emotion-native.

| | | | | ----------- | ----------- | ----------- | | | | | | | | |

Install

$ npm install -s @warungpintar/renceng-native

or

$ yarn add @warungpintar/renceng-native

Usage

import { View, Text } from '@warungpintar/renceng-native';

const App = () => (
  <>
    <View mx={16} my={8}>
      <Text category="4xl" fontFamily="OpenSans-SemiBold">This is a text</Text>
    </View>
  </>
);

Component Documentation & Demo

Storybook Web - Go to https://renceng-native.netlify.app/ or clone this repo and execute yarn storybook on example folder

Storybook React Native - clone this repo and execute yarn android on example folder

Contributing

Want to contribute to this repo? Check out the Contributing Docs