Widgets

An implementation of the CXWidgets I helped build at Statista.

CXWidgets brings contextual guidance to the Homepage, placing useful information beside the control it explains. This page will grow into a hands-on showcase as more CXWidgets formats are integrated.

Current integration

Where the Homepage currently uses CXWidgets.

Where the Homepage currently uses CXWidgets.

The Homepage uses a tooltip beside the OpenAI API key field in Preferences → APIs → Keys. It explains where the key is used and links to the Images App and OpenAI Platform.

The Homepage also uses the tooltip below as a working example. Its content includes links to the Themes and Toasts manuals.

Try the tooltip

Explore a working example with text and Homepage links.

Explore a working example with text and Homepage links.

Select Click me to open and dismiss the tooltip. Hover over Hover me to open the same content; it closes when your pointer leaves the button and tooltip. Keyboard focus also opens it.

Maintenance

Where the integration is configured, styled, and updated.

Where the integration is configured, styled, and updated.

The integration lives in . defines the three Homepage tooltips. maps live Homepage colors and typography into CXWidgets; aligns tooltip elevation with the Homepage's brightness-aware shadow or glow, including the arrow, and styles links inside the tooltip. loads the pinned runtime through the consent-independent agent.

To fix or update the library, make the change in the 2026 source project at and build it there with . Copy the versioned production bundle into the Homepage integration; do not hand-edit the copied bundle. Update the runtime URL and SHA-256 in the route and requirement, then run the Homepage checks and browser verification. Keep the 2024 source tree unchanged.