Web uniquement — React, depuis @krizaka/ui/longform-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 { LongformPage } from "@krizaka/ui/longform-page";

Exemples

Props

Accessibilité

• Each chapter is a section named by its h2; the numbers are decorative.
• The pull quote repeats the text: it adds nothing a reader would miss.

Bonnes pratiques

• Chapters of three to six paragraphs; one pull quote at most each.
• Figures carry a promise (a bird's quote, a schema), never decoration.
• Words and content arrive as props; the motion is the platform's ([data-reveal], still under reduced motion).

Composants liés

• Mascot quoteA rule, a promise or a decision told by a bird: the sentence in a speech bubble, the bird under its tail and who speaks — inline in a card, callout alone in a section.
• Page heroThe first screen of a page: the way back, an eyebrow, the h1, a lead, what follows them (facts, actions) and an aside (the page's bird) — on the brand's backdrop, painted at once.
• Legal pageA policy or terms: the date in force, the short version in plain words, the sections in a narrow column with their contents beside them.

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