docs(chatbot): Updates design guidelines with new info. #411
Conversation
|
Preview: https://chatbot-pr-chatbot-411.surge.sh A11y report: https://chatbot-pr-chatbot-411-a11y.surge.sh |
packages/module/patternfly-docs/content/extensions/chatbot/img/attached-file.svg
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Note - our current attachment examples have the attachment chip placed below the user message, whereas Figma is the opposite. Does one or the other need to be updated?
There was a problem hiding this comment.
The attachment should be below the message.
There was a problem hiding this comment.
Looks like it got flipped around - Ill fix it in figma
There was a problem hiding this comment.
@kaylachumley ty! Can you ping here once this is ready in Figma, so that I can go back & push an image update?
There was a problem hiding this comment.
Hey! It's been ready to go but for some reason the updates are not pulling into your figma file but its showing up in the main patterns and extensions file @edonehoo
There was a problem hiding this comment.
I got it to work for your file! @edonehoo
packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
The attachment should be below the message.
|  | ||
| </div> | ||
|
|
||
| 1. **Container:** The window that contains the entire ChatBot experience and all of its components. | ||
| 1. **Header:** A persistent region at the top of the ChatBot window that contains navigation, branding, and actions. | ||
| 1. **Navigation:** A menu that contains navigational options, including access to the conversation history. | ||
| 1. **Options menu:** Contains display options and other settings. More details can be found in the [ChatBot variations section](#variations). | ||
| 1. **Options menu:** Contains display options (more details in the [ChatBot variations section](#variations)) and other settings (more details in the [ChatBOt settings and preferences section](#chatbot-settings-and-preferences)). |
There was a problem hiding this comment.
wonder if it would be helpful to mention that the options menu can be customized to the products preference. for example i dont think send feedback or help has to be included
There was a problem hiding this comment.
Just pushed a phrasing update!
Closes #386
Breaks apart the "message elements" section to add subsections for source tiles and quick start tiles.
https://chatbot-pr-chatbot-411.surge.sh/patternfly-ai/chatbot/overview/design-guidelines#source-tiles
Adds ChatBot settings and preferences guidance
https://chatbot-pr-chatbot-411.surge.sh/patternfly-ai/chatbot/overview/design-guidelines#chatbot-settings-and-preferences
Mentions custom toggle options
https://chatbot-pr-chatbot-411.surge.sh/patternfly-ai/chatbot/overview/design-guidelines#accessing-a-chatbot
And a few small image tweaks (like cropping) to help with readability/clarity