react-native-cosmotize

React Native direct prop styling, inspired by Tailwindcss.

Installation

yarn add @chengsokdara/react-native-cosmotize

npm install @chengsokdara/react-native-cosmotize

Usage

import { View } from '@chengsokdara/react-native-cosmotize';
import Box from '@chengsokdara/react-native-cosmotize';

export default function App() {
  return (
    <View flex-1 items-center justify-center bg-black>
      <Box bg-white width-100 height-100 />
    </View>
  );
}

API

Layout and View Style props are implemented.
React Native Layout Props
React Native View Style Props

Please refer to Tailwindcss documentation for available prop name.
Tailwindcss Docs

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT