Puzzl React Native Onboarding Package
The Puzzl React Native onboarding package provides convenient mobile onboarding to Puzzl for workers directly from your React Native app.
Documentation
For more information about Puzzl's API, see our API Reference
Installation
Install the package with:
npm install puzzl-react-native-onboarding
Usage
After installing the package and importing the component to your project, you need to pass the following four props to the component: your Puzzl company ID, live API key, the employee ID of the worker that is being onboarded, and a callback function that determines what happens once the user finishes onboarding.
We recommend that you wrap the component in a Modal and use state to control when the modal opens/closes.
;; { const showOnboarding setOnboarding = ; return <View style=stylescontainer> <Text style=stylesinstructions>Register with Puzzl to get paid!</Text> <TouchableOpacity onPress= style=stylesbutton > <Text style=stylesbuttonText>Onboard with Puzzl</Text> </TouchableOpacity> <Modal animationType='slide' visible=showOnboarding onRequestClose= transparent > <ReactNativeOnboarding companyID='<COMPANY_ID>' APIKey='<API_KEY>' employeeID='<EMPLOYEE_ID>' showOnboarding=setOnboarding /> </Modal> </View> ;} const styles = StyleSheet;