react-pricing

0.1.5 • Public • Published

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"

Package Sidebar

Install

npm i react-pricing

Weekly Downloads

10

Version

0.1.5

License

none

Unpacked Size

9.86 kB

Total Files

4

Last publish

Collaborators

  • koolkishan