Pricing

Three-tier pricing cards with a highlighted plan. Composed block.

block block

Preview

npx slintcn@latest add pricing

import { Pricing } from "slintcn/blocks/pricing.slint";

Pricing { chosen: 1; pick(i) => { /* … */ } }

chosen in-out int

Two-way; index of the highlighted tier.

pick callback (int)

Fired when a tier's CTA is pressed; argument is the tier index.

Installed automatically as transitive dependencies of slintcn add pricing.