Skip to content

components/monogram

@fungi.computer/caps


@fungi.computer/caps / components/monogram

MonogramTone = "primary" | "secondary" | "accent" | "info" | "success" | "warning"

Theme tones a Monogram may take; the current Stipe theme supplies each color.


MonogramProps = object & Omit<HTMLAttributes<HTMLSpanElement>>, "children">>

Props accepted by Monogram.

name: string

The name whose first letter is shown.

optional seed?: string

Stable identity that picks the tone; defaults to the name.

const Monogram: ForwardRefExoticComponent<object & Omit<HTMLAttributes<HTMLSpanElement>>, "children"> > & RefAttributes<HTMLSpanElement>>>>

A small decorative identity mark: the name’s first letter on a quiet tinted disc. The enclosing control owns the accessible name.

monogramTone(seed): MonogramTone

A stable tone for an identity: the same seed always gets the same tone.

string

MonogramTone