Usage no npm install needed!

<script type="module">
  import reactNativeAtomicStyles from 'https://cdn.skypack.dev/react-native-atomic-styles';
</script>

README

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