Skip to main content
Version: 4.0.0-rc.8

PricingCard

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

Usage

Import

import { PricingCard } from '@rneui/themed';

Theme Key

PricingCard

Props

NameTypeDefaultDescription
buttonButtonProps | ButtonInformationButton information.
colorstringColor [Primary]Color scheme for button & title.
containerStyleView StyleOuter component styling.
infostring[][]Pricing information.
infoStyleText StyleSpecify pricing information style.
onButtonPressFunctionFunction to be run when button is pressed.
pricestring | numberPrice mentioned in the pricing card.
pricingStyleText StyleSpecify pricing text style.
titlestringAdd title in the pricing card.
titleStyleText StyleSpecify title text style.
wrapperStyleView StyleInner wrapper component styling.