Foundations Brand Guidelines Components Patterns & Recipes Playground Design System

Button Input Card Badge Table Combobox Context Bar Cursor Pager Numbered Pager Restricted Icon Button Data Table Selectable Data Table Empty State Error State AccessDeniedState Filter Bar Collapsible Filter Panel Multi Select Select KPI Card Stat Tile Metric Card Page Header Page Header Meta Section Card Save Bar Session Expiry Dialog Tabs Switch Checkbox Icon Button Icon App Switcher Menu Area Chart With Threshold Band Editor Callout Change History Item Chart Legend Comparison Delta Table Delta Text Detail Summary Card Editable Data Grid Inventory Loader Panel Line Chart Metric Table Navigation Drawer Package Inclusions Product Launch Card Route Card Route Legend Route Map Run History Table Scenario Summary Card Side Nav Signal Config Row Top Nav App Tile Avatar Initials Brand Logo Breadcrumb Divider Eyebrow Section Header Info Tooltip Icon Journey Marker Nav Rail Item Price Callout Route Symbol Score Chip Service Tier Badge Tag Tagline

Components

App Switcher Menu

The app-switcher grid menu in the top bar — jump between RMS and sibling internal apps.

The app-switcher grid menu in the top bar — jump between RMS and sibling internal apps.

Props

Prop

Type

See it in Storybook

Interactive states, controls, and accessibility notes live in Storybook under Patterns/AppSwitcherMenu. Open Storybook →

Icon

The curated Lucide-at-1.5px-stroke convention — import glyphs from here, never lucide-react directly.

Area Chart With Threshold

An area chart with a threshold reference line — a projected value against a ceiling or floor.

On this page