Noble Programming Mantra

    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"
    

    Install

    npm i react-pricing

    DownloadsWeekly Downloads

    2

    Version

    0.1.5

    License

    none

    Unpacked Size

    9.86 kB

    Total Files

    4

    Last publish

    Collaborators

    • koolkishan