Red Hat design system

Overview

npm install @rhds/elements

base: Overrides everything. Do not use.
header: Overrides header-*, logo, social-links
header-primary: primary footer header content, e.g. main logo. Overrides logo
header-secondary: secondary footer header content, e.g. social links. Overrides social-links
heading: text that describes the footer section to assistive tecchnology. Contains default text "Red Hat footer".
logo: main page or product logo. Defaults to Red Hat corporate logo
social-links: social media links (icons). Contains a default set of links
main: main footer content. Overrides main-*
main-primary: main footer region. typically a columnar grid
links: main footer links
main-secondary: typically contains prose or promotional content
universal: must contain <rh-footer-universal>

global

must contain <rh-footer-universal>

Note: global is deprecated.

use universal

color-palette

DOM Property

colorPalette

Type

ColorPalette

Default

'darker'

updateAccessibility(): Get any <ul>s that are in the designated link slots and synchronously update each list and header if we need to.

None