SaaS
Pricing Table
A feature comparison table for side-by-side plan comparison with sticky headers and differences filtering.
Overview
Provides a detailed, structured comparison of all features across subscription plans. Present all plan features organized into logical categories with section headers and icons. Link feature names to detailed documentation or anchor points. Highlight premium values with rainbow text styling. CTA buttons in headers provide convenient subscription access from anywhere in the table.
Key Business & UX Benefits
- One table for feature comparison across plans so differences are clear.
- Sticky header and difference toggle keep the table scannable.
- Checkmarks and x-marks make availability obvious.
- Category sections and anchor links support long tables and docs.
Pro-Tip from Larry: Use Pricing Table for detailed plan comparison so customers see all features side by side.
Usage
LuiPricingTable
Feature List
- Clear feature availability indicators using checkmarks and x-marks
- Sticky header row with plan names and CTA buttons
- Toggle to show only feature differences between plans
- Categorized feature sections with icons and anchor links
API Reference
LuiPricingTable
No component metadata found for PricingTable. Did you mean
LuiPricingTable?LuiPricingTableHeader
No component metadata found for PricingTableHeader. Did you mean
LuiPricingTableHeader?LuiPricingTableRowHeader
No component metadata found for PricingTableRowHeader. Did you mean
LuiPricingTableRowHeader?LuiPricingTableRowValue
No component metadata found for PricingTableRowValue. Did you mean
LuiPricingTableRowValue?LuiPricingTableSectionHeader
No component metadata found for PricingTableSectionHeader. Did you mean
LuiPricingTableSectionHeader?