Comparison table

A feature/pricing comparison grid.

Feature comparison
Feature	Free	Pro	Team
Projects	3	Unlimited	Unlimited
Analytics	—
SSO	—	—

import { BuiComparisonTable } from 'ng-blatui';

<bui-comparison-table [tiers]="['Free', 'Pro', 'Team']" [rows]="rows" [highlight]="1" />

API reference

Prop	Type	Default	Description
`tiers`	`readonly string[]`	`[]`	Column headers, one per pricing/feature tier.
`rows`	`readonly ComparisonRow[]`	`[]`	Feature rows; each holds one value per tier.
`highlight`	`string \| number \| null`	`null`	Tier to emphasize, by index or tier name; `null` highlights none.
`featureLabel`	`string`	`'Feature'`	Header text for the leading feature column.
`includedLabel`	`string`	—	Accessible label for the included (check) icon.
`notIncludedLabel`	`string`	—	Accessible label for the not-included (dash) marker.

ComparisonRow

Field	Type	Description
`feature`	`string`	Feature name shown in the row's leading header cell.
`values`	`readonly (string \| boolean)[]`	Per-tier values; `true` shows a check, `false`/`null` a dash, otherwise the text.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.