A slick aadhar card component for React.
npm install react-aadhar-card
npm install react-aadhar-card
`
$3
`tsx
import AadharCard from "react-aadhar-card";
import "./App.css";
import profileImg from "./assets/profilephoto.jpeg";
function App() {
return (
<>
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.