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 · ✗ to buildDesktop · ✓DeprecatedBlocks

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

Krizaka · Montréal23 octobre 2026

Web only — React, from @krizaka/ui/signature. Deprecated: kept for the apps that still use it, removed in its next major.

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

Why it is here. No product or site imports it and no filed need names it (ADR-006 audit, 2026-10-25): there is no replacement.

DeprecatedSince 3.55.0, removed in 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.

When to use

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.

When not to use

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

Installation

Install

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

Styles

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

Import

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

Examples

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	Default	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`.

Accessibility

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.

Best practices

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.

Generated from the code of @krizaka/ui 3.63.1: its meta.ts, its examples and its types.Edit this documentation on GitHub