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 All PatternFly tokens page.
Import tokens
Examples
import t_global_background_color_primary_default from '@patternfly/react-tokens/dist/esm/t_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 invar().
import t_global_background_color_primary_default from '@patternfly/react-tokens/dist/esm/t_global_background_color_primary_default'; t_global_background_color_primary_default.name === '--pf-t--global--background--color--primary--default'; // true t_global_background_color_primary_default.value === '#fff'; // true t_global_background_color_primary_default.var === 'var(--pf-t--global--background--color--primary--default)'; // true