docs: update README.md

README.md

@@ -1,22 +1,38 @@
-# @chengsokdara/react-native-cosmotize
+# react-native-cosmotize
 
 React Native direct prop styling, inspired by Tailwindcss.
 
 ## Installation
 
 ```sh
+yarn add @chengsokdara/react-native-cosmotize
+
 npm install @chengsokdara/react-native-cosmotize
 ```
 
 ## Usage
 
-```js
-import ReactNativeCosmotize from "@chengsokdara/react-native-cosmotize";
+```tsx
+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](https://reactnative.dev/docs/layout-props)  
+[React Native View Style Props](https://reactnative.dev/docs/view-style-props)
 
-const result = await ReactNativeCosmotize.multiply(3, 7);
-```
+Please refer to Tailwindcss documentation for available prop name.  
+[Tailwindcss Docs](https://tailwindcss.com/docs)
 
 ## Contributing
 

src/index.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { View as RNView, ViewStyle } from 'react-native';
 
 import { EColors } from './enums';
+import type { IViewProps } from './types';
 import { isNumeric } from './utils';
 
 /**