new: Documentation is updated

Author: WrathChaos

README.md

@@ -1,71 +1,131 @@
-<img alt="React Native Typescript Library Starter" src="assets/logo.png" width="1050"/>
+<img alt="React Native Rounded Checkbox Group" src="assets/logo.png" width="1050"/>
 
-[![Battle Tested ✅](https://img.shields.io/badge/-Battle--Tested%20%E2%9C%85-03666e?style=for-the-badge)](https://github.com/WrathChaos/react-native-typescript-library-starter)
+[![React Native Rounded Checkbox Group](https://img.shields.io/badge/-Extremely%20easy%20to%20create%20a%20React%20Native%20Component%20Library%20with%20both%20Stateful%20and%20Functional%20Component%20Examples-orange?style=for-the-badge)](https://github.com/WrathChaos/react-native-rounded-checkbox-group)
 
-[![React Native Typescript Library Starter](https://img.shields.io/badge/-Extremely%20easy%20to%20create%20a%20React%20Native%20Component%20Library%20with%20both%20Stateful%20and%20Functional%20Component%20Examples-orange?style=for-the-badge)](https://github.com/WrathChaos/react-native-typescript-library-starter)
-
-[![npm version](https://img.shields.io/npm/v/react-native-typescript-library-starter.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-typescript-library-starter)
-[![npm](https://img.shields.io/npm/dt/react-native-typescript-library-starter.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-typescript-library-starter)
+[![npm version](https://img.shields.io/npm/v/react-native-rounded-checkbox-group.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-rounded-checkbox-group)
+[![npm](https://img.shields.io/npm/dt/react-native-rounded-checkbox-group.svg?style=for-the-badge)](https://www.npmjs.com/package/react-native-rounded-checkbox-group)
 ![Platform - Android and iOS](https://img.shields.io/badge/platform-Android%20%7C%20iOS-blue.svg?style=for-the-badge)
 [![License: MIT](https://img.shields.io/badge/License-MIT-green.svg?style=for-the-badge)](https://opensource.org/licenses/MIT)
 [![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg?style=for-the-badge)](https://github.com/prettier/prettier)
 
 <p align="center">
-  <img alt="React Native Typescript Library Starter"
+  <img alt="React Native Rounded Checkbox Group"
         src="assets/Screenshots/typescript.jpg" />
 </p>
 
-## Library Usage
-
-- `npm i`
-- Delete example folder
-- Delete build folder
-- Make your own library into the `lib` folder
-- Change package.json
-- Change README for your own documentation
-- `npm run build`
-
-```
-> react-native-typescript-library-starter@0.1.0 build /Users/kuray/Coursion/MyLibraries/ReactNative/react-native-typescript-library-starter
-> cd lib && tsc && cp ../package.json ../build/dist/ && Echo Build completed!
-
-Build completed!
-```
-
-- Test your build/dist into the new project
-- Finally, time to npm publish :)
-
-### Below part is for Documentation ! Remove above Library Usage
-
 # Installation
 
 Add the dependency:
 
 ```bash
-npm i react-native-typescript-library-starter
+npm i react-native-rounded-checkbox-group
 ```
 
 ## Peer Dependencies
 
 <h5><i>IMPORTANT! You need install them</i></h5>
 
 ```js
-"react": ">= 16.x.x",
-"react-native": ">= 0.55.x",
+"react-native-rounded-checkbox": ">= 0.3.3",
 ```
 
 # Usage
 
 ## Import
 
 ```jsx
-import MyComponent from "react-native-typescript-library-starter";
+import RoundedCheckboxGroup, {
+  ICheckboxButton,
+} from "react-native-rounded-checkbox-group";
 ```
 
 ## Fundamental Usage
 
 ```jsx
-<MyComponent />
+<RoundedCheckboxGroup
+  data={staticData}
+  initial={0}
+  onChange={(selectedItem: ICheckboxButton) => {
+    setSelectedItem(selectedItem);
+  }}
+/>
+```
+
+## Advanced Usage
+
+```jsx
+<RoundedCheckboxGroup
+  data={staticData}
+  initial={2}
+  onChange={(selectedItem: ICheckboxButton) => {
+    setSelectedItem(selectedItem);
+  }}
+  component={(isActive: boolean) =>
+    isActive && <Icon name="check" type="Entypo" color="#fff" />
+  }
+/>
+```
+
+## Data format
+
+You MUST follow this data format as `ICheckboxButton`
+
+```json
+[
+  {
+    id: 0,
+  },
+  {
+    id: 1,
+  },
+  {
+    id: 2,
+  },
+  {
+    id: 3,
+  },
+];
+```
+
+## Advanced and Customization Data Format Example
+
+You can find the working/running example on the `example` project
+
+```jsx
+const staticData: ICheckboxButton[] = [
+  {
+    id: 0,
+    text: "",
+    checkedColor: "#ff7473",
+    uncheckedColor: "#fbbfbb",
+    outerStyle: _outerStyle("#fbbfbb"),
+    innerStyle: styles.innerStyle,
+  },
+  {
+    id: 1,
+    text: "",
+    checkedColor: "#5567e9",
+    uncheckedColor: "#afb5f5",
+    outerStyle: _outerStyle("#afb5f5"),
+    innerStyle: styles.innerStyle,
+  },
+  {
+    id: 2,
+    text: "",
+    checkedColor: "#a98ae7",
+    uncheckedColor: "#cab6f4",
+    outerStyle: _outerStyle("#cab6f4"),
+    innerStyle: styles.innerStyle,
+  },
+  {
+    id: 3,
+    text: "",
+    checkedColor: "#fcb779",
+    uncheckedColor: "#ffd1a7",
+    outerStyle: _outerStyle("#ffd1a7"),
+    innerStyle: styles.innerStyle,
+  },
+];
 ```
 
 ## Example Project 😍
@@ -81,37 +141,19 @@ should work of the example project.
 
 # Configuration - Props
 
-## Fundamentals
-
-| Property    |  Type  |  Default  | Description           |
-| ----------- | :----: | :-------: | --------------------- |
-| title       | string | undefined | change the title      |
-| description | string | undefined | change the descrition |
+You can use any customization on the `react-native-rounded-checkbox` component.
 
-## Customization (Optionals)
-
-| Property       |   Type    |  Default  | Description                                                            |
-| -------------- | :-------: | :-------: | ---------------------------------------------------------------------- |
-| enableButton   |  boolean  |   false   | let you enable the button (must use it for button)                     |
-| onPress        | function  | undefined | set your own logic for the button functionality when it is pressed     |
-| buttonText     |  string   | undefined | change the button's text                                               |
-| style          | ViewStyle |  default  | set or override the style object for the main container                |
-| buttonStyle    | ViewStyle |  default  | set or override the style object for the button style                  |
-| ImageComponent |   Image   |  default  | set your own component instead of default react-native Image component |
+[Configuration Options](https://github.com/WrathChaos/react-native-rounded-checkbox#readme)
 
 ## Future Plans
 
 - [x] ~~LICENSE~~
 - [ ] Write an article about the lib on Medium
 
-# Change Log
-
-Change log will be here !
-
 ## Author
 
 FreakyCoder, kurayogun@gmail.com
 
 ## License
 
-React Native Typescript Library Starter is available under the MIT license. See the LICENSE file for more info.
+React Native Rounded Checkbox Group is available under the MIT license. See the LICENSE file for more info.

assets/logo.png

@@ -1,9 +1,9 @@
 import React from "react";
-import { ViewStyle, SafeAreaView } from "react-native";
+import { ViewStyle, SafeAreaView, Image, Text, View } from "react-native";
 import Icon from "react-native-dynamic-vector-icons";
 import RoundedCheckboxGroup, {
   ICheckboxButton,
-} from "./lib/RoundedCheckboxGroup";
+} from "./build/dist/RoundedCheckboxGroup";
 
 const styles = {
   innerStyle: { height: 45, width: 45, borderRadius: 75 },