Skip to main content

Price Cell

The Price Cell is a powerful component for displaying pricing information with support for multiple billing periods and promotional pricing. It's designed to clearly communicate your product's cost structure while maintaining flexibility for different pricing strategies.

Key Features​

  • Multiple Billing Periods: Support for different billing cycles (Annual, Quarterly, etc.) with independent price settings for each
  • Flexible Price Structure:
    • Prefix (currency symbol)
    • Main price amount
    • Suffix (billing period)
  • Sale Price Support: Toggle sale pricing with original price display for promotional offers
  • Comprehensive Styling: Individual control over:
    • Choose from predefined templates for quick styling
    • Text alignment
    • Price color
    • Prefix color
    • Suffix color
    • Original price color (for sale prices)
    • Background color

Common Use Cases​

  • Subscription pricing with monthly/annual options
  • Promotional pricing with crossed-out original prices
  • Multi-currency price displays
  • Custom billing period displays (e.g., quarterly, biennial)