You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: packages/module/patternfly-docs/content/extensions/chatbot/design-guidelines.md
+4-4Lines changed: 4 additions & 4 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -8,6 +8,8 @@ source: design-guidelines
8
8
9
9
import "./images.css"
10
10
11
+
**Note:** These guidelines are specific to ChatBot. Before implementing AI-enabled features, review PatternFly's [AI design language guidelines](/ai/design-language), which cover foundational requirements for AI disclosure, iconography, and color that apply across all Red Hat products.
12
+
11
13
## Elements
12
14
13
15
<divclass="ws-docs-content-img">
@@ -256,14 +258,12 @@ If necessary for brand consistency, you can customize the toggle shape and icon.
256
258
257
259
#### Masthead toggle
258
260
259
-
When the ChatBot toggle is a masthead utility, use the fa-comments icon:
261
+
You can also add a ChatBot toggle as an action in the masthead:
260
262
261
263
<divclass="ws-docs-content-img">
262
264

263
265
</div>
264
266
265
-
The exception to this is if you have a specific icon that aligns with your product or ChatBot branding.
266
-
267
267
When there is an unread message from the ChatBot, a notification count should be displayed, and the badge should be styled as unread.
268
268
269
269
<divclass="ws-docs-content-img">
@@ -272,7 +272,7 @@ When there is an unread message from the ChatBot, a notification count should be
272
272
273
273
### Launching a ChatBot from page content
274
274
275
-
If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display your ChatBot's logo beside a label that clearly communicates the intention of the AI action.
275
+
If a UI element within the page content is an AI/ChatBot-supported feature, the ChatBot should be launched when users select the clearly-identified action. These kinds of actions should display robot icon beside a text label that clearly communicates the intention of the AI action, following the format "[ Action ] with AI" (for example, "Chat with AI" or "Summarize with AI").
276
276
277
277
<divclass="ws-docs-content-img">
278
278

0 commit comments