0.1.5 • Published 3 years ago
react-pricing v0.1.5
Live Demo
Install the package
npm i react pricing
Import the component
import { Pricing } from "react-pricing";
Use the component
<Pricing />
Props
Prop Name | Prop Type | Required |
---|---|---|
data | Array of Objects with text and value of boolean (reference given below in demo props). | True |
price | Number | True |
duration | Enum "y" , "m" | True |
buttonContent | String | True |
currency | String | True |
subTitle | String | True |
headerText | String | True |
background | String (Gradient Supported) | False |
shadow | String | False |
NOTE :- If you don't provide shadow and backgroud it will take default.
Demo Props
data={[
{ text: "3 new project / month", value: true },
{ text: "Basic interaction", value: true },
{ text: "Assets library", value: false },
]}
price={7}
duration="m"
background="linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%)"
shadow="#96e6a1"
currency="₹"
buttonContent="Get Started"
subTitle="For Planned Projects"
priceText="Bring your designs to the next level and export them."
headerText="free"