Component documentation

Status component examples

These pages use the public demo status page. They do not use an API key. Incident rows on that slug are demonstration data.

What each example uses

• Plain HTML loads https://www.tracewise.dev/embed/status.js and five data-attribute hosts.
• Vanilla JavaScript calls TraceWiseStatus.createStatusBadge and the other four creators, and also shows the custom element tags.
• React is a code example for @razorsoft/tracewise-status. That page does not run React. The live React previews are on the documentation page.
• TraceWise for WordPress installs the same public widgets as Gutenberg blocks and shortcodes, and can manage monitors with a server-side API key. The Custom HTML example is the embed without the plugin.