Component gallery

Internals

The helpers under the components: renderNode, markdown-lite, the accent utilities, and the portal root.

renderNode

String or number gets the class and tag; JSX passes through untouched
A string, styled by the helperJSX passes through as itself

renderMarkdownLite

The bold / italic / code / link subset Alert and ConfirmModal parse
Rows with bold part numbers were matched by the exact rule, see notes.

accentStyle + accentClass

One hex in, themed text / bg / shade classes out
soft fillfull textsoft text

SemanticColorList

The closed color vocabulary components validate against

useAsyncAction

The one promisify: pending flag, error capture, re-entry protection

Portal root

Floating layers mount here so overflow clipping never eats them
PortalId keys: Tooltip · Dropdown · Modal · Toast
@versable-git/ui · all states, both themes