Highlight · Caderno UI

Event-driven architecture

We chose the event-driven architecture to decouple services.

Use incremental rollout for high-risk changes.

The migration starts next week.

Keep the system in read-only mode.

Use marker, underline, or double. Colors are yellow, blue, mint, amber, pink, lavender, and gray. The text color stays unchanged.

tone

CadHighlightTone

'yellow'

variant

CadHighlightVariant

'marker'

tone

CadHighlightTone

tone

yes

variant

CadHighlightVariant

variant

yes

(default)

Highlighted text.

base

Native mark element.

--cad-highlight-color

Per-instance marker color.

--cad-highlight-stroke

Per-instance underline color.

Uses a native <mark>. Keep phrases short. Use Alert or Badge for status and errors.