1.1.0 • Published 2 years ago
react-native-signup-checkbox v1.1.0
react-native-signup-checkbox
React Native component for sign up check list
| Android Example | IOS Example |
|---|---|
Getting started
yarn add react-native-signup-checkbox
or
npm install react-native-signup-checkbox --save
On iOS, install cocoapods:
npx pod-install
Usage
Example
import { CheckTerms, CheckTermsProps } from "react-native-signup-checkbox";const CheckTermsData: CheckTermsProps["data"] = [
{
index: 0,
label: "hi",
link: "https://google.com",
necessary: true,
linkLabel: "detail",
checked: false,
},
{
index: 1,
label: "hi",
link: "https://google.com",
necessary: true,
linkLabel: "detail",
checked: false,
},
{
index: 2,
label: "hi",
link: "https://google.com",
necessary: false,
linkLabel: "detail",
checked: false,
},
{
index: 3,
label: "hi",
necessary: false,
checked: false,
link: "",
},
];
const [toggleCheckBox, setToggleCheckBox] = useState(false);
const [termsEnable, setTermsEable] = useState(false);
return (
<SafeAreaView>
<View style={{ backgroundColor: "orange" }}>
<CheckTerms
data={CheckTermsData}
essential={"essential"}
optional={"optional"}
selectAll={"selectAll"}
setTermsEable={setTermsEable}
/>
</View>
</SafeAreaView>
);Props
Common Props
| Prop name | Type | Description |
|---|---|---|
| data | array | CheckTermsProps'data' - show the example. |
| essential | string | essential string |
| optional | string | optional string |
| selectAll | string | selectAll string |
| setTermsEable | React.Dispatch<SetStateAction> | setState |
License
The library is released under the MIT licence. For more information see LICENSE.