openshift/openshift-docs
1
0
Fork 0
mirror of https://github.com/openshift/openshift-docs.git synced 2026-02-05 12:46:18 +01:00
Code Issues Releases Activity

OSDOCS-13110: Update PatternFly guidelines for PF6 in dynamic plugin docs

Browse Source 
Update PatternFly version ranges per SME feedback (PF5=4.15–4.18, PF6=4.19+)
This commit is contained in:
Jocelyn Sese
2025-09-24 11:23:14 -04:00
parent df3462c50a
commit 36ecad03ce
1 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web_console/dynamic-plugin/overview-dynamic-plugin.adoc
View File

@@ -55,14 +55,16 @@ When creating your plugin, follow these guidelines for using PatternFly:
* Use link:https://www.patternfly.org/components/all-components/[PatternFly] components and PatternFly CSS variables. Core PatternFly components are available through the SDK. Using PatternFly components and variables help your plugin look consistent in future console versions.
ifndef::openshift-rosa-hcp[]
** Use Patternfly 4.x if you are using {product-title} versions 4.14 and earlier.
** Use Patternfly 5.x if you are using {product-title} 4.15 or later.
** Use PatternFly 4.x if you are using {product-title} versions 4.14 and earlier.
** Use PatternFly 5.x if you are using {product-title} versions 4.15 through 4.18.
** Use PatternFly 6.x if you are using {product-title} versions 4.19 and later.
endif::openshift-rosa-hcp[]
ifdef::openshift-rosa-hcp[]
** Use Patternfly 5.x.
endif::openshift-rosa-hcp[]
* Make your plugin accessible by following link:https://www.patternfly.org/accessibility/accessibility-fundamentals/[PatternFly's accessibility fundamentals].
* Avoid using other CSS libraries such as Bootstrap or Tailwind. They might conflict with PatternFly and not match the rest of the console. Plugins should only include styles that are specific to their user interfaces to be evaluated on top of base PatternFly styles. Avoid importing styles such as `@patternfly/react-styles/**/*.css` or any styles from the `@patternfly/patternfly` package in your plugin.
* The console application is responsible for loading base styles for all supported PatternFly version(s).
* Avoid using other CSS libraries such as Bootstrap or Tailwind. They might conflict with PatternFly and not match the rest of the console. Plugins should only include styles that are specific to their user interfaces to be evaluated on top of base PatternFly styles. Do not import styles directly from `@patternfly/react-styles/**/*.css` or `@patternfly/patternfly`. Instead, use components and CSS variables provided by the console SDK.
* The console application is responsible for loading base styles for all supported PatternFly versions.
include::modules/dynamic-plugin-localization.adoc[leveloffset=+2]