| id | title |
|---|---|
pricing |
Pricing |
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' }}
/>containerStylebuttonFontinfoFontpricingFonttitleFontwrapperStylepriceonButtonPressbuttoninfocolortitle
outer component styling (optional)
| Type | Default |
|---|---|
| object (style) | inherited styling |
specify button font family
| Type | Default |
|---|---|
| string | System font (iOS), Sans Serif (android) |
specify pricing information font family
| Type | Default |
|---|---|
| string | System font bold (iOS), Sans Serif Bold (android) |
specify pricing font family
| Type | Default |
|---|---|
| string | System font (font weight 700) (iOS), Sans Serif Bold (android) |
specify title font family
| Type | Default |
|---|---|
| string | System font (font weight 800) (iOS), Sans Serif Black (android) |
inner wrapper component styling (optional)
| Type | Default |
|---|---|
| object (style) | inherited styling |
price (required)
| Type | Default |
|---|---|
| string | none |
function to be run when button is pressed
| Type | Default |
|---|---|
| any | none |
button information (required)
| Type | Default |
|---|---|
| object {title, icon, buttonStyle} | none |
pricing information (optional)
| Type | Default |
|---|---|
| array of strings | none |
color scheme for button & title (required)
| Type | Default |
|---|---|
| string | none |
title (required)
| Type | Default |
|---|---|
| string | none |
