Uilora
Uilora.
Uilora
Uilora.
Content Blocks
Playground

Magazine

Magazine-style pricing section with editorial layout.

pricingmagazineeditoriallayout

Props

Customize the component with these props

PropertyTypeDefaultDescription
issueText
stringIssue 024 • The CollectionIssue text displayed above title.
title
stringVogueSection title text.
subtitle
stringSubscription TiersSection subtitle text.
plans
Array<{name: string, price: number, description?: string, image?: string}>[]Array of pricing plans with name, price, description, and optional image URL.
backgroundColor
string#f5f5f0Background color (hex, rgb, or hsl).
cardBgColor
string#ffffffCard background color.
cardShadowColor
stringrgba(0,0,0,0.1)Card shadow color.
badgeBgColor
string#000000Badge background color.
badgeTextColor
string#ffffffBadge text color.
titleColor
string#1a1a1aTitle text color.
dividerColor
string#000000Divider color.
subtitleColor
string#6b7280Subtitle text color.
planNameColor
string#1a1a1aPlan name text color.
planDescColor
string#6b7280Plan description text color.
priceColor
string#1a1a1aPrice text color.
buttonTextColor
string#000000Button text color.
buttonHoverTextColor
string#6b7280Button hover text color.
buttonBorderColor
string#000000Button border color.
buttonHoverBorderColor
string#6b7280Button hover border color.
footerText
stringPrinted in Italy • 100% Recycled PaperFooter text.
footerTextColor
string#9ca3afFooter text color.
buttonText
stringSubscribeButton text.
Magazine - Content Blocks Component | UILora