Skip to main content
Version: 1.2.0

Pricing

Pricing is a convenience component used to display features and pricing tables in a beautiful and engaging way.

Pricing Component

Usage

import { PricingCard } from 'react-native-elements';

<PricingCard
color="#4f9deb"
title="Free"
price="$0"
info={['1 User', 'Basic Support', 'All Core Features']}
button={{ title: 'GET STARTED', icon: 'flight-takeoff' }}
/>;

Props


Reference

containerStyle

outer component styling (optional)

TypeDefault
object (style)inherited styling

infoStyle

specify pricing information style

TypeDefault
style (object)none

pricingStyle

specify pricing text style

TypeDefault
style (object)none

titleStyle

specify title text style

TypeDefault
style (object)none

wrapperStyle

inner wrapper component styling (optional)

TypeDefault
object (style)inherited styling

price

price (required)

TypeDefault
stringnone

onButtonPress

function to be run when button is pressed

TypeDefault
anynone

button

button information (required)

TypeDefault
object {title, icon, buttonStyle, titleStyle}none

info

pricing information (optional)

TypeDefault
array of stringsnone

color

color scheme for button & title

TypeDefault
stringnone

title

title (required)

TypeDefault
stringnone