@patternfly/react-tokens
TypeScript icon, indicating that this package has built-in type declarations

6.2.2 • 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 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 in var().
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

/@patternfly/react-tokens/

    Package Sidebar

    Install

    npm i @patternfly/react-tokens

    Weekly Downloads

    59,734

    Version

    6.2.2

    License

    MIT

    Unpacked Size

    17.4 MB

    Total Files

    22255

    Last publish

    Collaborators

    • dgutride
    • dlabrecq
    • patternfly-build
    • jeff-phillips-18
    • mturley
    • bennyp
    • mwcz
    • kylebuch8
    • evwilkin
    • schulj12
    • nicolethoen
    • heymp
    • zhawkins
    • dlabaj
    • ausuliv
    • adamviktora