From 1f573b0617c991bf9e15d2264d38b3b6f3d79f5b Mon Sep 17 00:00:00 2001 From: Katie McFaul Date: Mon, 10 Aug 2026 09:56:57 -0400 Subject: [PATCH 1/2] docs(readme): add section for configuring css --- README.md | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 97445209936..b6dea9bed72 100644 --- a/README.md +++ b/README.md @@ -79,9 +79,17 @@ If you want to start with your existing project, skip to [Install and configure Once the library is installed, use the specific setup instructions for that library to access the components it contains. These can be found in the readme for each [library](#patternfly-react-packages). +#### Configure PatternFly styling +PatternFly uses the [`@patternfly/react-styles` package](https://www.npmjs.com/package/@patternfly/react-styles) as a translation layer to reference the styles contained in the PatternFly HTML/CSS library. When developing with Patternfly React, include the following import at the base level of your application to pull in PatternFly's styling: + +``` +import '@patternfly/react-core/dist/styles/base.css'; +``` + +Importing css directly from the PatternFly HTML/CSS library while using PatternFly React may result in duplicated stylesheets in the browser as PatternFly React already pulls in styles internally via `@patternfly/react-styles`. + ### Contribution guidelines All React contributors must first be [PatternFly community contributors](https://www.patternfly.org/get-started/contribute/contributing-to-patternfly). If you're already a PatternFly community contributor, check out the [React contribution guidelines](https://github.com/patternfly/patternfly-react/tree/main/CONTRIBUTING.md) to make React contributions. ### License -PatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE). - +PatternFly React is licensed under the [MIT License](https://github.com/patternfly/patternfly-react/tree/main/LICENSE). \ No newline at end of file From 44010e76babf34b0a9d4cfd993d08250f48a9b48 Mon Sep 17 00:00:00 2001 From: kmcfaul <45077788+kmcfaul@users.noreply.github.com> Date: Mon, 10 Aug 2026 11:25:46 -0400 Subject: [PATCH 2/2] Update README.md Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com> --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index b6dea9bed72..bb2c22f51d3 100644 --- a/README.md +++ b/README.md @@ -86,7 +86,7 @@ PatternFly uses the [`@patternfly/react-styles` package](https://www.npmjs.com/p import '@patternfly/react-core/dist/styles/base.css'; ``` -Importing css directly from the PatternFly HTML/CSS library while using PatternFly React may result in duplicated stylesheets in the browser as PatternFly React already pulls in styles internally via `@patternfly/react-styles`. +Importing CSS directly from the PatternFly HTML/CSS library while using PatternFly React may result in duplicated stylesheets in the browser as PatternFly React already pulls in styles internally via `@patternfly/react-styles`. ### Contribution guidelines All React contributors must first be [PatternFly community contributors](https://www.patternfly.org/get-started/contribute/contributing-to-patternfly). If you're already a PatternFly community contributor, check out the [React contribution guidelines](https://github.com/patternfly/patternfly-react/tree/main/CONTRIBUTING.md) to make React contributions.