Signature

A small hand-signed mark at the end of a section or a page, the way an owner signs their notebook: the Krizaka mark as an ink stamp and « Krizaka · Montréal » in the notebook's pen, with an optional date.

Web · ✓Mobile · ✗ à construireBureau · ✓DépréciéBlocs

import { Signature } from "@krizaka/ui/signature";

Krizaka · Montréal23 octobre 2026

Web uniquement — React, depuis @krizaka/ui/signature. Déprécié : conservé pour les apps qui l'utilisent encore, retiré à sa prochaine version majeure.

Mobile · ✗ à construire. It comes with the native paper roles of the Cahier. issue #421

Pourquoi il est là. No product or site imports it and no filed need names it (ADR-006 audit, 2026-10-25): there is no replacement.

DépréciéDepuis 3.55.0, retiré en 4.0.0. No product or site imports it and no filed need names it (ADR-006 audit, 2026-10-25): there is no replacement.

Quand l’utiliser

The end of a long section or of a page of the Cahier: the house signs it.
A dated note (a changelog entry, a charter) that a person of the house stands behind.

Quand ne pas l’utiliser

The brand in a bar or a footer.À la place : Site footer
A person's signature: it is never drawn here, no imitation of anyone's hand.À la place : Avatar

Installation

Installer

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

Styles

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

Importer

import { Signature } from "@krizaka/ui/signature";

Exemples

Stamp and name

The mark as a stamp, the house's name in the notebook's pen, and the date.

Krizaka · Montréal23 octobre 2026

Stamp or script

The mark alone, then the name alone.

Krizaka · Montréal

Props

A small hand-signed mark: the Krizaka mark as an ink stamp, the house's name in the notebook's pen, an optional date.

Prop	Type	Défaut	Description
`date`	`string`	—	The date, written small under the name (`23 octobre 2026`).
`dateTime`	`string`	—	The machine-readable date (`2026-10-23`) of the `time` element.
`name`	`string`	`Krizaka · Montréal`	The words written by hand.
`variant`	`"script" \| "both" \| "stamp"`	`both`	`stamp` (the mark alone), `script` (the name alone) or `both`.

Accessibilité

The name and the date are real text; the date is a time.
The stamp is decorative next to the name; alone (variant="stamp"), it is an image named by name.
Inked with the host's text role: chalk on slate, ink on paper, AA in both. The grain is a filter, fixed: nothing animates, nothing shifts.

Bonnes pratiques

One signature per page, at its end.
both by default; stamp where the name is already written nearby, script where a mark is already shown.
The words are props: write the date in the page's language.

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