components/window-crumbs

Exports

Kind	Export	Description
Ttype alias	WindowCrumb	One place in the content’s path; siblings makes it a switcher.
Ttype alias	WindowCommand	A command the content offers in the header; the content owns its effect.
Ttype alias	WindowStatus	A quiet fact about the view: muted text led by the Caps status bead.
fnfunction	WindowCrumbs()	The path as a trail; on a phone only ‹ parent › current remain.
fnfunction	WindowCommands()	Primary commands as buttons, the rest behind a ⋯ menu.
fnfunction	WindowStatuses()	Settled beads reveal their labels on hover/focus; other state stays visible.

WindowCrumbTtype alias

Signature

type WindowCrumb = object;

One place in the content’s path; siblings makes it a switcher.

Properties

id

Signature

id: string;

label

Signature

label: string;

siblings?

Signature

optional siblings?: readonly object[];

Other places at this level, offered by a ▾ switcher on the crumb.

---

WindowCommandTtype alias

Signature

type WindowCommand = object;

A command the content offers in the header; the content owns its effect.

Properties

id

Signature

id: string;

label

Signature

label: string;

icon?

Signature

optional icon?: "play";

Render a supported glyph alone; label remains the accessible name.

variant?

Signature

optional variant?: "primary" | "outline" | "ghost";

Which Caps button a primary command wears; default outline.

tone?

Signature

optional tone?: "destructive";

A menu item that removes or discards something.

disabled?

Signature

optional disabled?: boolean;

---

WindowStatusTtype alias

Signature

type WindowStatus = object;

A quiet fact about the view: muted text led by the Caps status bead.

Properties

id

Signature

id: string;

label

Signature

label: string;

presentation?

Signature

optional presentation?: "bead";

Hide only the visible label, retaining it for assistive technology.

tone?

Signature

optional tone?: Extract<StatusTone, "neutral" | "info" | "warning" | "success" | "error">;

WindowCrumbs()fnfunction

Signature

function WindowCrumbs(__namedParameters): Element;

The path as a trail; on a phone only ‹ parent › current remain.

Parameters

Parameter	Type
__namedParameters	{ crumbs: readonly WindowCrumb[]; popover?: HTMLElement | null; onCrumb?: (crumbId, siblingId?) => void; }
__namedParameters.crumbs	readonly WindowCrumb[]
__namedParameters.popover?	HTMLElement | null
__namedParameters.onCrumb?	(crumbId, siblingId?) => void

Returns

Element

---

WindowCommands()fnfunction

Signature

function WindowCommands(__namedParameters): Element | null;

Primary commands as buttons, the rest behind a ⋯ menu.

Parameters

Parameter	Type
__namedParameters	{ primary?: readonly WindowCommand[]; menu?: readonly WindowCommand[]; popover?: HTMLElement | null; onAction?: (id) => void; }
__namedParameters.primary?	readonly WindowCommand[]
__namedParameters.menu?	readonly WindowCommand[]
__namedParameters.popover?	HTMLElement | null
__namedParameters.onAction?	(id) => void

Returns

Element | null

---

WindowStatuses()fnfunction

Signature

function WindowStatuses(__namedParameters): Element | null;

Settled beads reveal their labels on hover/focus; other state stays visible.

Parameters

Parameter	Type
__namedParameters	{ status: readonly WindowStatus[]; }
__namedParameters.status	readonly WindowStatus[]

Returns

Element | null