Skip to main content
Version: 4.0.0-rc.3

PricingCard

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

Import

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

Usage

Props

NameTypeDefaultDescription
buttonButtonProps or 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 or 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.