# Plan Comparison block

> Plan comparison table with a sticky plan head and metered usage rows

Usage-based plan matrix: prices and buttons stick as the rows scroll, allowances sit over their metered rate and labels open hints in a Popover. A ToggleGroup shows 1 plan when narrow. Built on Table and IconTile. For compare plans, feature matrix.

- Type: Pro block
- Category: [Pricing](https://web.dev.reui.io/blocks/marketing/pricing.md)
- Page: https://web.dev.reui.io/blocks/marketing/pricing/pricing-2
- MCP: `get_block("pricing-2")`
- Built with: Button, Card, Icon Tile, Popover, Table, Toggle Group
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

Allowances printed over their metered rates in 4 banded sections, under a pinned price and button head, with no billing switch

## Agent notes

- Pro and Team prices run through `billedYearly`, Team at `MONTHLY_SEAT_RATE` times the seat floor; Unlimited is a literal 750 and no control sets the period
- A `SECTIONS` cell is a boolean, a string or an `included` allowance with a `rate`, and a `hint` opens its label in a Popover
- The `TableHeader` sticks at `top-0` and `FeatureLabel` triggers carry `scroll-mt-40`; offset both by a sticky site nav

## When not to use

- Team size tabs that reprice every plan and gate the teammate rows: use [Per-Seat Pricing](https://web.dev.reui.io/blocks/marketing/pricing/pricing-3.md) (`get_block("pricing-3")`)
- Plans picked inside an upgrade dialog or paywall, not laid out on a page: use [Usage Limit Upgrade](https://web.dev.reui.io/blocks/marketing/pricing/pricing-8.md) (`get_block("pricing-8")`)

## Install

```bash
npx shadcn@latest add @reui/pricing-2
```

## About Pricing blocks

### When to use

- A public plans section with 3 or 4 tiers side by side, each with a price, its inclusions and its own button
- A plan comparison matrix that lines up each tier's limits and included features row by row
- An upgrade dialog or paywall inside the product, where a user picks a plan and a billing period

### When not to use

- A back office where staff edit the plan catalog, coupons or a customer's subscription: use the [Billing blocks](https://web.dev.reui.io/blocks/solutions/billing.md)
- Store products weighed side by side on specs and star ratings before a purchase: use the [Comparison blocks](https://web.dev.reui.io/blocks/ecommerce/comparison.md)
- One plan choice made as a single input inside a signup or checkout form: use [Radio Group](https://web.dev.reui.io/components/radio-group.md) (`get_component("radio-group")`)

### Agent notes

- Each plan's `href` in `PLANS` is a hash placeholder that its plan button links to; point it at your signup, checkout or sales route
- Plan prices print through a `currency` formatter pinned to en-US dollars with `maximumFractionDigits` 0; edit it for cents or another currency

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.