Uilora
Uilora.
Uilora
Uilora.
Content Blocks
Playground

The Receipt

Receipt-style pricing section with paper aesthetics.

pricingreceiptpapervintage

Props

Customize the component with these props

PropertyTypeDefaultDescription
storeName
stringSaaS MarketStore name text.
storeAddress
string1234 Cloud Ave, Internet CityStore address text.
items
Array<{name: string, price: number}>[]Array of pricing items with name and price.
features
string[][]Array of feature strings to display.
backgroundColor
string#e0e0e0Background color (hex, rgb, or hsl).
receiptBgColor
string#ffffffReceipt background color.
receiptShadowColor
stringrgba(0,0,0,0.25)Receipt shadow color.
iconColor
string#404040Icon color.
titleColor
string#171717Title text color.
addressColor
string#171717Address text color.
dividerColor
string#d4d4d4Divider color.
itemNameColor
string#171717Item name text color.
itemPriceColor
string#171717Item price text color.
featureTextColor
string#737373Feature text color.
featureBorderColor
string#d4d4d4Feature border color.
buttonBorderColor
string#000000Button border color.
buttonTextColor
string#000000Button text color.
totalLabelColor
string#171717Total label text color.
totalPriceColor
string#171717Total price text color.
footerText
stringTHANK YOU FOR YOUR BUSINESSFooter text.
footerTextColor
string#171717Footer text color.
patternColor
string#000000Pattern color.
buttonText
stringAdd to CartButton text.
The Receipt - Content Blocks Component | UILora