Pricing

The <PricePlans> component renders a pricing table similar to that featured on the Gravity pricing page

Props

  • plans – array of objects containing: name, plan_id, price, currency and features

It's important that you include your Stripe plan ID so the correct plan will be selected when the user signs up.

<PricePlans plans={[
  {
    name: 'Startup',
    id: 'plan_startup',
    currency: '$',
    price: '29',
    period: 'month',
    features: [
      { name: '3 awesome features', checked: true },
      { name: '2 users', checked: true },
      { name: '1 theme', checked: true },
    ]
  },
  {
    name: 'Business',
    id: 'plan_business',
    currency: '$',
    price: '49',
    period: 'month',
    features: [
      { name: '5 awesome features', checked: true },
      { name: '10 users', checked: true },
      { name: '10 themes', checked: true },
      { name: 'Extra features', checked: true }
     ]
  }
]}/>