# Pricing and plan presentation

> Sections for comparing offers. The current pricing grid displays plans and links; it does not handle billing.

- Category ID: `pricing`
- Part of a page: Website sections
- Published components: 4
- Page: https://pagesugar.com/categories/pricing

## Components

- [Price display](https://pagesugar.com/components/price-display-01.md): One price, formatted from a number with Intl.NumberFormat for an explicit locale and currency, with an optional From prefix, billing unit and tax qualifier on the amount's baseline, and one full phrase for screen readers.
- [Simple pricing grid](https://pagesugar.com/components/pricing-grid-01.md): Compare up to three plans a row and lift the recommended one. Prices, feature lists and buttons line up across cards; each button links to your signup, checkout or contact page.
- [Billing period switcher](https://pagesugar.com/components/pricing-billing-toggle-01.md): A monthly, quarterly or annual switch for a pricing section: native radios styled as one pill track, a saving note per option, and the chosen period's payment commitment beneath. It changes displayed prices only.
- [Pricing comparison table](https://pagesugar.com/components/pricing-comparison-table-01.md): A feature matrix comparing two to five plans across grouped rows. Every cell is included, not included, limited with a note, or a written value, and the highlighted plan runs as one band from header to last row.