Miss any of our Open RFC calls?Watch the recordings here! »

@patternfly/react-tokens

4.6.0 • Public • Published

@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_BackgroundColor_100 } from '@patternfly/react-tokens';

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_BackgroundColor_100 } from '@patternfly/react-tokens';
 
global_BackgroundColor_100.name === '--pf-global--BackgroundColor--100'; // true
global_BackgroundColor_100.value === '#fff'; // true
global_BackgroundColor_100.var === 'var(--pf-global--BackgroundColor--100)'; // true

Install

npm i @patternfly/react-tokens

DownloadsWeekly Downloads

19,355

Version

4.6.0

License

MIT

Unpacked Size

6.05 MB

Total Files

8632

Last publish

Collaborators

  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar
  • avatar