Subscription

PricingTable

A responsive pricing table component that displays tiered pricing plans with feature comparisons.

LuiPricingTable

API Reference

Prop	Default	Type
`plans`		`PricingTablePlan[]`
`sections`		`PricingTableSection[]`

Event	Type
`update:compareDifferences`	`[value: boolean \| undefined]`
`update:activeMobilePlan`	`[value: string \| undefined]`

Prop	Default	Type
`title`		`string`
`description`		`string` Rendered below title
`hasDifference`		`boolean` Indicate that all values are the same for all plans. Used for comparing differences between plans.
`titleHref`		`string` If set, the whole cell is a link
`subFeatures`		`string[]` Each string is rendered as a single text line to indicate sub-features
`values`		`Record<string, PricingTableRowValue>`

Prop	Default	Type
`title`		`string`
`description`		`string`
`isHighlight`		`boolean` Renders the title as rainbow text
`linkText`		`string`
`linkHref`		`string`
`subFeatures`		`boolean[]` Each boolean renders a feature-icon. true indicates that the feature is included, false indicates that it is not.

Pricing Plans

Display a list of pricing plans in a responsive grid layout.

TODO Timeline

A component that displays a sequence of events with dates, titles, icons or avatars.