webdav/sync/react/cockpit-ethernet-ip/node_modules/@patternfly/react-tokens - 志元云盘

File OriginalPic	EditTime	Size
dist	2025-08-13 15:56:46	17.46 MB
scripts	2025-08-13 15:45:44	12.16 KB
tests	2025-08-13 22:16:59	212 B
CHANGELOG.md	2025-08-12 16:46:08	11 KB
LICENSE	2025-08-12 16:46:00	1.04 KB
package.json	2025-08-12 16:46:08	969 B
README.md	2025-08-12 16:46:08	1.01 KB

# @patternfly/react-tokens

## Installation

```bash
yarn add @patternfly/react-tokens
```

```bash
npm install --save @patternfly/react-tokens
```

## Usage

All Tokens and their corresponding values can be viewed on the
[PatternFly React Tokens][token-page] page.

#### Import tokens

## Examples

```js
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()`.

```js
import global_BackgroundColor_100 from '@patternfly/react-tokens/dist/esm/global_-background-color_100';

global_BackgroundColor_100.name === '--pf-v5-global--BackgroundColor--100'; // true
global_BackgroundColor_100.value === '#fff'; // true
global_BackgroundColor_100.var === 'var(--pf-v5-global--BackgroundColor--100)'; // true
```

[token-page]: https://react-staging.patternfly.org/developer-resources/global-css-variables

云盘

Home / 志元云盘 / webdav / sync / react / cockpit-ethernet-ip / node_modules / @patternfly / react-tokens