Skip to content

feat(docs): add ISO download card demo#646

Merged
rebeccaalpert merged 6 commits intopatternfly:mainfrom
wise-king-sullyman:iso-download-card-demo
Aug 12, 2025
Merged

feat(docs): add ISO download card demo#646
rebeccaalpert merged 6 commits intopatternfly:mainfrom
wise-king-sullyman:iso-download-card-demo

Conversation

@wise-king-sullyman
Copy link
Contributor

@wise-king-sullyman wise-king-sullyman commented Aug 6, 2025

Closes #618

Currently the demo doesn't change the download button to a loading button due to what appears to be a bug in our Button component, but that would be easy to add down the road once that bug is resolved upstream.

Convenience link: https://chatbot-pr-chatbot-646.surge.sh/patternfly-ai/chatbot/messages#custom-message-content

Super convenience screenshot:
image

Assisted-by: Cursor running claude-4-sonnet

@patternfly-build
Copy link

patternfly-build commented Aug 6, 2025

Copy link
Member

@rebeccaalpert rebeccaalpert left a comment

Choose a reason for hiding this comment

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

Thank you! Looking good. Just a few notes about spacing. Would you also be able to move the ISODownloadCard example here instead?: https://chatbot-pr-chatbot-646.surge.sh/patternfly-ai/chatbot/messages#custom-message-content.

@wise-king-sullyman
Copy link
Contributor Author

Ah sorry, I misunderstood you when I asked about where to put this before

@rebeccaalpert
Copy link
Member

No worries at all - I didn't realize we had two very similarly named sections. 😅

Also tweak some styling to better align the example with the design
Copy link
Member

@rebeccaalpert rebeccaalpert left a comment

Choose a reason for hiding this comment

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

Looks good to me! Let me tag some other folks, but thank you so much!

Copy link
Contributor

@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.

only one minor suggestion, looks good!

…mples/Messages/UserMessageWithExtraContent.tsx

Co-authored-by: Erin Donehoo <105813956+edonehoo@users.noreply.github.com>
Copy link
Member

@srambach srambach left a comment

Choose a reason for hiding this comment

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

I don't see any issues! ⭐

Copy link

@kaylachumley kaylachumley left a comment

Choose a reason for hiding this comment

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

loooks good! Would it be possible to add this padding pf-t--global--spacer--gap--text-to-element--default between the icon and the heading title?

@wise-king-sullyman
Copy link
Contributor Author

loooks good! Would it be possible to add this padding pf-t--global--spacer--gap--text-to-element--default between the icon and the heading title?

@srambach is there an appropriate way of doing this which doesn't require custom token setting?

I'm looking through core and it seems like the only way that token gets applied on a card header is something to do with having a toggle, but I very well could be missing something

Copy link

@kaylachumley kaylachumley left a comment

Choose a reason for hiding this comment

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

looking good!

@rebeccaalpert rebeccaalpert merged commit acc755c into patternfly:main Aug 12, 2025
7 checks passed
@github-actions
Copy link

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

The release is available on:

Your semantic-release bot 📦🚀

rebeccaalpert pushed a commit to rebeccaalpert/virtual-assistant that referenced this pull request Oct 24, 2025
Co-authored-by: Erin Donehoo <105813956+edonehoo@users.noreply.github.com>
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.

RFE: New Component - ISO Download Card for Chat UI

6 participants