Web uniquement — React, depuis @krizaka/ui/pricing-page. Bêta : son API peut encore changer à une version mineure.

Installation

Installer

npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcss

Styles

@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";

Importer

import { PricingPage } from "@krizaka/ui/pricing-page";

Exemples

Props

Accessibilité

• The plans are a named list; the comparison a table with a caption and header cells.
• Questions are native disclosures.

Bonnes pratiques

• Three plans at most; the featured one says why (Most chosen).
• Say what a credit buys in units people know.
• Words and content arrive as props; the motion is the platform's ([data-reveal], still under reduced motion).

Composants liés

• MeterA measure within a known range — a quota, a balance, a share: thresholds turn it to warning then danger (or the reverse when high is good), and split into parts it becomes a stacked bar or ring with its legend.
• Glow cardA card lit by the brand: a bloom of the accent follows the pointer across it, and its border is a ring of the brand gradient that turns and brightens under the pointer or the focus.
• Product pageA product's overview in its brand: split hero with facts and the product alive, the traps it removes as compact argument cards, its decisions with their cost, the promise a bird keeps, the closing call.

Générée depuis le code de @krizaka/ui 2.10.0 : son meta.ts, ses exemples et ses types.Modifier cette documentation sur GitHub