A Design System that powers Razorpay

• 🏁 Getting Started
  • ⚙️ Installation
    • ✍🏻 Pre-requisite
    • ⬇️ Add blade to your application
    • React Native
      • For react native >= 0.60.x (Autolink)
      • For react native <= 0.59.x
      • Additional Steps

Before you install the package, make sure that you have performed following steps:

• You must be running Node version >=14.0.0
• You must have yarn installed
• Generate a Personal Access Token on GitHub by visiting this link
  • If you belong to razorpay organisation then you will need to enable SSO by clicking Authorize button next to Razorpay logo.
• Run code ~/.bashrc or code ~/.zshrc in your editor and add this line

  export GITHUB_ACCESS_TOKEN="<YOUR_TOKEN>"
  

  Note: Replace <YOUR_TOKEN> with your actual GitHub Personal Access Token

• Run source ~/.bashrc or source ~/.zshrc based on the file you added your token.
• Run code ~/.npmrc and append the following

# add following to your .npmrc
@razorpay:registry=https://npm.pkg.github.com/
//npm.pkg.github.com/:always-auth=true
//npm.pkg.github.com/:_authToken=${GITHUB_ACCESS_TOKEN}

yarn add @razorpay/blade-old

1. Add this to your package.json "@razorpay/blade-old": "razorpay/blade.git#master"
2. Run yarn
3. Create a file in your project root directory called react-native.config.js and add blade as an asset dependency to get all the fonts:

module.exports = {
  assets: ['@razorpay/blade-old'],
};

1. Run npx react-native link

1. Add this to your package.json "@razorpay/blade-old": "razorpay/blade.git#master"
2. Run yarn
3. Run npx react-native link @razorpay/blade-old

1. For react-native-gesture-handle follow steps given here.
2. For react-native-linear-gradient follow instructions for android and ios.