react-native-atomic-styles

Atomic styles for React Native projects, inspired by Bootstrap

Installation

yarn add react-native-atomic-styles

Usage

import React from 'react';
import atomicStyles from 'react-native-atomic-styles';

function ExampleComponent() {
  return (
    <>
      <View style={[atomicStyles.flex]}></View>
    </>
  );
}

export default ExampleComponent;

Atomic styles

• Background color
• Border
• Button
• Flexbox
• Spacing for margin, padding
• Text
• Typography
• Viewbox

Atomic colors

Generate enum Colors from scss colors map

Usage: atomic-colors [options] <input> [output]

Options:
  -V, --version            output the version number
  -t, --timeout <timeout>  Timeout (default: 3000)
  -h, --help               display help for command