Legal page
A policy or terms: the date in force, the short version in plain words, the sections in a narrow column with their contents beside them.
Web uniquement — React, depuis @krizaka/ui/legal-page. Bêta : son API peut encore changer à une version mineure.
Quand l’utiliser
- Privacy, terms, cookies, a licence.
- Any document read section by section.
Quand ne pas l’utiliser
- For a long read with chapters.À la place : Longform page
- For a documentation article.À la place : Docs article page
Installation
Installer
npm install @krizaka/ui @krizaka/tailwind @krizaka/tokens tailwindcssStyles
@import "tailwindcss";
@import "@krizaka/tailwind";
@import "@krizaka/ui/tailwind.css";Importer
import { LegalPage } from "@krizaka/ui/legal-page";Exemples
Privacy policy
A summary and three sections with their contents.
Privacy policy
Last updated: October 2026
What we collect
Your email and your message, when you write to us.
Where it is kept
On servers in Québec, encrypted at rest.
Your rights
Ask for a copy or for deletion at any time; we answer within 30 days.
Props
A legal page: hero with the date, a plain-words summary, the sections with their contents.
| Prop | Type | Défaut | Description |
|---|---|---|---|
sectionsrequis | readonly LegalSection[] | — | The sections. |
titlerequis | ReactNode | — | The page's h1 (Privacy policy). |
tocLabelrequis | string | — | The contents' label (On this page). |
back | { href: string; label: string; } | — | The way back. |
linkAs | LinkComponent | — | The app's link component (Next's Link). |
summary | ReactNode | — | The short version, in plain words, before the sections. |
updated | ReactNode | — | In force since (Last updated: October 2026). |
Accessibilité
- Sections are named by their
h2; the contents a namednav. - The summary is plain text, read first.
Bonnes pratiques
- Open with the short version in plain words.
- Date the document; keep each section to one subject.
- Words and content arrive as props; the motion is the platform's (
[data-reveal], still under reduced motion).
Composants liés
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
Landing page
A landing page: the promise beside the product alive in a window, a band of proofs, the features as a bento where the main one takes the room, the closing call.
Longform page
A long read — a story, an essay, a case: numbered chapters in a reading column, pull quotes in the margin, figures that break out.