Components

A living catalogue of the reusable UI components and every variant they support.

Button

variant: contained | outlined, plus a disabled state. Always uses the brand palette.

ButtonInline

Inline text-style link/button. Optional trailing icon and a disabled state.

Default With icon Disabled Disabled with icon

NavLink

variant: text | outlined | contained, with active, icon and auto external states.

Text Outlined Contained Text active Outlined active External

Link

Inline anchor. Auto-detects external links and appends an outward arrow. Responds to the active product colour theme.

Internal link External link

Checkbox

variant: primary | primary-brand | secondary | secondary-brand, shown checked/unchecked plus disabled.

primary primary-brand secondary secondary-brand unchecked disabled

Chip

variant: default | primary, an icon-only mode, and a button element with a selected state. The primary variant follows the product colour theme.

Default Primary
brand
keylines
regraph
mapweave
kronograph

Breadcrumb

Navigation trail from an items array; the final item renders as the current page.

Pager

Previous/next navigation. Either side may be omitted.

ProductCard

Linked product tile with thumbnail, description and a configurable linkLabel.

KeyLines

KeyLines

The JavaScript SDK for interactive graph visualization

Login

ReGraph

ReGraph

The React SDK for state-driven graph visualization

Login

DownloadCard

Card with title/subtitle and icon, body and actions slots. Accepts a product-color-theme.

KeyLines

v8.3.0

The JavaScript SDK for graph visualization.

FrameworkSelector

Dropdown for switching between framework variants of a docs/release-notes page.

Code

Syntax-highlighted code block (Shiki) with the shared theme config applied. 

function greet(name: string): string {
  return `Hello, ${name}!`;
}

Tooltip

Floating tooltip wrapping any control. Needs a client directive; placement is configurable.

Terms of use

These terms do not alter or supersede any existing agreements between you (or your employer) and us.

By accessing or using any Content you agree to be bound by these Terms of Use. Please review these terms carefully before using the website.

The contents of this website, including but not limited to any text, code samples, API references, schemas, interactive tools, and other materials (collectively, the 'Content'), are made available for informational and internal evaluation purposes only. All intellectual property rights in the Content are reserved. No licence is granted to use the Content for any commercial purpose, or to copy, distribute, modify, reverse-engineer, or incorporate any part of the Content into any product or service, without our prior written consent.

This Content is provided “as is” and “as available,” without any representations, warranties, or guarantees of any kind, whether express or implied, including but not limited to implied warranties of merchantability, fitness for a particular purpose, non-infringement, or accuracy. To the fullest extent permitted by applicable law, we expressly exclude and disclaim all implied warranties, conditions, and other terms that might otherwise be implied.

We disclaim all liability for any loss or damage, whether direct, indirect, incidental, consequential, or otherwise, arising from any reliance placed on the Content or from your use of it, to the fullest extent permitted by applicable law. By continuing to access or use the Content, you acknowledge and agree to these terms.