Skip to content

feat(SourcesCardBase): Expose just card portion of SourcesCard#674

Merged
rebeccaalpert merged 2 commits intopatternfly:mainfrom
rebeccaalpert:sources-card-export
Sep 19, 2025
Merged

feat(SourcesCardBase): Expose just card portion of SourcesCard#674
rebeccaalpert merged 2 commits intopatternfly:mainfrom
rebeccaalpert:sources-card-export

Conversation

@rebeccaalpert
Copy link
Member

Allows consumers to custom-roll their own layouts using preexisting component.

@patternfly-build
Copy link

patternfly-build commented Sep 9, 2025

Allows consumers to custom-roll their own layouts using preexisting component.
Copy link
Collaborator

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Overall I think things look fine, I may just be a bit confused as to the use case separating things out in this way resolves.

With the react repo we'll use "ComponentBase" within a component file, then export "Component", rather than having 2 separate files usually (some deviations from this, though, like AlertGroupInline I think being one of them, though we don't export them for public use). I would also think about how we'd differentiate these 2 components since they're so similarly named.

  • Would we be able to add an example that shows how this update is intended to work?
  • If we need to export both of these to be used by consumers, maybe we can consider different names for the two?
  • Does this tie into the use case of instead of paginating and showing only 1 card at a time, there was the design where multiple cards were shown in an overflow sort of container similar to the PF Nav component?

);
};
}: SourcesCardProps) => (
<div className="pf-chatbot__source">
Copy link
Collaborator

Choose a reason for hiding this comment

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

Do we want to nest SourcesCardBase which also has this div wrapper inside of here, or should only 1 have this div wrapper?

Copy link
Member Author

Choose a reason for hiding this comment

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

Gave it a unique name!

@rebeccaalpert
Copy link
Member Author

We have a separate issue for an example! It was definitely for the use case of a DIY overflow container. We can't change the name of the original component without breaking folks, but I don't really care if use a different name for the actual card piece.

Copy link
Collaborator

@thatblindgeye thatblindgeye left a comment

Choose a reason for hiding this comment

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

Not entirely sure what an alternative name for SourcesCardBase could be, so I'm willing to forgo addressing that part of feedback for now. Only idea would be something like "SingleSourceCard" but idk if that'd be super fitting.

I think as long as part of a followup to add an example showcasing the differences between these 2 components we can ensure documentation is clear on it, it may not be a huge thing.

@rebeccaalpert
Copy link
Member Author

Kayla has the extra fancy Sources card navigation design on her docket for Q4 fwiw!

@rebeccaalpert rebeccaalpert merged commit bb21eb0 into patternfly:main Sep 19, 2025
7 of 9 checks passed
@github-actions
Copy link

🎉 This PR is included in version 6.4.0-prerelease.24 🎉

The release is available on:

Your semantic-release bot 📦🚀

rebeccaalpert added a commit to rebeccaalpert/virtual-assistant that referenced this pull request Oct 24, 2025
…rnfly#674)

Allows consumers to custom-roll their own layouts using preexisting component.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Expose Sources card as something users can input and place in custom layouts

3 participants