Skip to content

warungpintar/renceng-native

Repository files navigation

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

Screen Shot 2022-07-25 at 07 31 23 Screen Shot 2022-07-25 at 07 31 58 Screen Shot 2022-07-25 at 07 32 25
Screen Shot 2022-07-25 at 07 33 41 Screen Shot 2022-07-25 at 07 34 12 Screen Shot 2022-07-25 at 07 34 44

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