Embedded Onboarding ToolTip
Last updated
Last updated
To install the Quest react-native-sdk
into your project, follow these steps:
Open your terminal/command prompt.
Navigate to your project's root directory using the cd
command if you're not already there.
Run the following command to install the quest-sdk
package using npm:
This command will download and install the package and its dependencies into your project.
Make sure your project has npm and Node.js installed, and that you have the necessary permissions to install packages in your project directory.
To integrate the EmbeddedTips
component into your React native application, follow these steps
Import the EmbeddedTips Component: Import the EmbeddedTips
component from the @questlabs/react-sdk
package.
Import the QuestProvider Component: Import the QuestProvider
component from the @questlabs/react-sdk
package.
The EmbeddedTips component accepts the following props.
Props Name | Type | Require | Details |
---|---|---|---|
children
ReactNode
Require
Create your Button etc.
headerTitle
string
optional
Give the header text
description
string
optional
Give the description Text
primaryButtonText
string
optional
Give primary button Text
secondaryButtonText
string
optional
Give secondary Button Text
placement
"top" , "bottom"
Require
Give the placement .
visible
boolean
Require
Give the boolean value
setVisible
function
Require
Set The value
primaryButton
function
optional
Create the funtion for button
secondaryButton
function
optional
Create the funtion for button
mainViewStyle
ViewStyle
optional
Main View Styleing
logoViewStyle
ViewStyle
optional
Logo View Style
headerTextStyle
TextStyle
optional
Header Text Style
descriptionTextStyle
TextStyle
optional
Description text Style
primaryButtonViewStyle
ViewStyle
optional
Primary button view Style
primaryButtonStyle
TextStyle
optional
primary button text Style
secondaryButtonViewStyle
ViewStyle
optional
Secondary button view style
secondaryButtonStyle
TextStyle
optional
Secondary button text style
footerViewStyle
ViewStyle
optional
footer View Style
footerTextStyle
TextStyle
optional
footer Text Style