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

    4.14.1 • 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/dist/esm/global_-background-color_100';

    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/dist/esm/global_-background-color_100';
    
    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

    25,659

    Version

    4.14.1

    License

    MIT

    Unpacked Size

    15.4 MB

    Total Files

    19507

    Last publish

    Collaborators

    • dgutride
    • dlabrecq
    • patternfly-build
    • jeff-phillips-18
    • mturley
    • mwcz
    • kylebuch8
    • realredallen
    • ktotten
    • evwilkin
    • schulj12
    • castastrophe
    • nicolethoen
    • heymp
    • zhawkins