Membership Card
The Membership Card Component is a valuable tool for managing and tracking membership access within your organization or facility. It simplifies access control and membership validation.
Components Visuals
To unlock early access to the component Get Access
Demo
In this video, you'll learn:
How to use the component.
Customization options for the MemberShipCard component.
Installation
To install the Quest react-native-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.
Props of Login Component
The MemberShipCard
component accepts the following props
Props Name | Type | Required | Details |
---|---|---|---|
questTitle | string | optional | The Quest Title Text. |
questTitleX | number | optional | The Quest Title Text X. |
questTitleY | number | optional | The Quest Title Text Y. |
questYear | number | optional | The Quest Year Text. |
questYearX | number | optional | The Quest Year Text X. |
questYearY | number | optional | The Quest Year Text Y. |
wellcomeTitle | string | optional | The Wellcome Title Text. |
wellcomeTitleX | number | optional | The Wellcome Title Text X. |
wellcomeTitleY | number | optional | The Wellcome Title Text Y. |
wellcomeDetails | string | optional | The Wellcome Detail Text. |
wellcomeDetailsX | number | optional | The Wellcome Detail Text X. |
wellcomeDetailsY | number | optional | The Wellcome Detail Text Y. |
expMonth | number | required | The Expire Month. |
expYear | number | required | The Expire Year. |
expX | number | optional | The Expire X. |
expY | number | optional | The Expire Y. |
Usage
To integrate the MemberShipCard
component into your React application, follow these steps
Import the MemberShipCard
@questlabs/react--native-sdk
package.
Example Usage
Here's an example of how to use the MemberShipCard
component within your React Native application.
The above example not uses all the props.
Last updated