Red Hat design system

Overview

npm install @rhds/elements

Usage

loading-text: Text to display while loading the status defaults to "Loading"

None

None

None

CSS Property	Description	Default
`--rh-border-radius-default`	3px border radius; Example: Card	`3px`
`--rh-border-width-md`	2px border width: Example: Alert	`2px`
`--rh-color-border-interactive-on-dark`	Interactive border color (dark theme)	`#92c5f9`
`--rh-color-border-interactive-on-light`	Interactive border color (light theme)	`#0066cc`
`--rh-color-surface-dark`	Tertiary surface (dark theme)	`#383838`
`--rh-color-surface-light`	Secondary surface (light theme)	`#e0e0e0`
`--rh-color-text-primary-on-dark`	Primary text color for dark theme	`#ffffff`
`--rh-color-text-primary-on-light`	Primary text color for light theme	`#151515`
`--rh-font-size-body-text-sm`	14px font size	`0.875rem`
`--rh-space-lg`	16px spacer	`16px`
`--rh-space-md`	8px spacer	`8px`

None

To give feedback about anything on this page, contact us.