Skip to main content
Version: Bleeding Edge 🚧

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 | 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.