rhds-theme
v1.1.5
Published
RHDS theme for Patternfly components
Downloads
724
Readme
Red Hat Design System Theme
The Red Hat Design System Theme is an ongoing initiative to adapt and standardize the CSS styles of components from PatternFly and PatternFly Elements to align with the Red Hat Design System. This initiative ensures design and user experience consistency across Red Hat’s digital products, in full alignment with the standards and guidelines established in the Red Hat Design System.
Usage
To integrate the Red Hat Design System (RHDS) theme into your project, follow the steps below:
Install the RHDS Theme
Run the following command to install the rhds-theme package via npm:
npm install rhds-theme
Import the RHDS CSS
In your main application file (e.g., index.js or App.js), import the RHDS theme CSS. Ensure that the RHDS theme has precedence over other framework styles by placing the import statement at the appropriate location:
import 'rhds-theme/dist/rhds-theme.css'; // Import RHDS theme
It is recommended to place this import after any other CSS imports to ensure that the RHDS theme styles take priority over framework-specific styles.
By following these steps, the RHDS theme will be applied to your project, providing a consistent design and user experience in line with the Red Hat Design System.