Skip to content

Latest commit

 

History

History
42 lines (28 loc) · 1.12 KB

README.md

File metadata and controls

42 lines (28 loc) · 1.12 KB
Raw

@patternfly/react-tokens

Installation

yarn add @patternfly/react-tokens

or

npm install --save @patternfly/react-tokens

Usage

All Tokens and their corresponding values can be viewed on the PatternFly React Tokens page.

Import tokens

Examples

import global_background_color_primary_default from '@patternfly/react-tokens/dist/esm/global_background_color_primary_default';

Each token as three properties

  • name: The CSS custom property name.
  • value: The default value for the custom property.
  • var: The property name wrapped in var().
import global_background_color_primary_default from '@patternfly/react-tokens/dist/esm/global_background_color_primary_default';

global_background_color_primary_default.name === '--pf-t--global--background--color--primary--default'; // true
global_background_color_primary_default.value === '#fff'; // true
global_background_color_primary_default.var === 'var(--pf-t--global--background--color--primary--default)'; // true