Skip to content

Conversation

@kmcfaul
Copy link
Contributor

@kmcfaul kmcfaul commented Nov 19, 2025

Closes #4838.

@patternfly-build
Copy link
Collaborator

patternfly-build commented Nov 19, 2025

Preview: https://pf-org--pr-4877-site.surge.sh

Copy link
Collaborator

@edonehoo edonehoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

some rearranging, syntax, and phrasing things. Lmk if I can clarify anything and feel free to make additional adjustments based on your own expertise/familiarity here!

Copy link
Collaborator

@edonehoo edonehoo left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

couple of final little nits, otherwise this doc looks pretty good to me

subsection: Generative UIs
---

When building generative UI layouts using the Compass components, there are several common patterns to considering during your development.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
When building generative UI layouts using the Compass components, there are several common patterns to considering during your development.
When building generative UI layouts using the Compass components, there are several common patterns to consider during your development process.


When building generative UI layouts using the Compass components, there are several common patterns to considering during your development.

## Structural patterns
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Structural patterns

moving this above the intro line

source: Development-guide
subsection: Generative UIs
---

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
## Structural patterns


Within Compass layouts, elements with a transparent glass background and rounded borders should be wrapped in a `<CompassPanel>` (some Compass components do this automatically). You can adjust various options of the `<CompassPanel>` to adapt its padding and behavior to fit the context of your use case.

To prevent styling issues, do not nest`<CompassPanel>` components while using the glass effects.
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
To prevent styling issues, do not nest`<CompassPanel>` components while using the glass effects.
To prevent styling issues, do not nest `<CompassPanel>` components while using the glass effects.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Draft a 'handbook' on how to build Compass type UIs

3 participants