React-Aadhar-Card

A slick aadhar card component for React.

Install

npm install react-aadhar-card

Usage

import AadharCard from "react-aadhar-card";
import "./App.css";
import profileImg from "./assets/profilephoto.jpeg";

function App() {
  return (
    <>
      <AadharCard
        name="Gaurang Baburao Keluskar"
        dob="06/03/2000"
        gender="Male"
        profilePic={profileImg}
        number='7224 5674 2993'
        width={450}
      />
    </>
  );
}

export default App;

Props

• name {string}: Name on Aadhar card.
• dob {string}: DOB on Aadhar card.
• gender {string}: Gender of user.
• number {string}: Aadhar card number.
• profilePic {string}: Profile image of user.
• width {number}: Width of aadhar card in px unit.
• address {string}: Address of user.
• frontSide {boolean}: true if front side need to be show to the user.
• backSide {boolean}: true if the back side needs to be shown to the user.
• rotate {boolean}: the card will rotate 180° when the user hovers over the Aadhaar card.