Design-system Packages

A render-prop component to manage a toggle state

Utilities for working with input components.

This component enhances the DataTable component and additionally provides a UI and state management to handle configuration of the table such as column manager.

Tooltips display informative text when users hover over or focus on an element.

A collection of utilities shared across the other packages.

Create consistent styled-system based React UI components

Links are used either to link to other UI routes, or to link to external pages. This component is a very thin wrapper over either a React Router Link, or a normal HTML <a> tag.

Shared UI Library for Ticketmaster

Stamps are visual labels which hold small amounts of information regarding an item. (E.g Indicating if a product is published in a list).

All translation messages from the UI-Kit components.

Utilities for working with rich-text components.

A collection of React hooks used across some of the UI-Kit components.

Component to hide content offscreen while keeping it accessible. This is also helpful for testing purposes.

Utilities to work with localized data.

Components for navigating through pages of items

The Grid component can be used to implement layouts using CSS-Grid.

A plugin pack to enforce scales within Stylelint

A collection of components from Natura Design System for React websites and webapps

A lightweight front-end framework for building accessible, bespoke interfaces.

Magnetis design system