BotAI

Text-based message from a bot named "Bot"

BotAI

Text-based message from a bot named "Bot," with updated timestamp

BotAI

Here is some YAML code:

 
apiVersion: helm.openshift.io/v1beta1/
kind: HelmChartRepository
metadata:
  name: azure-sample-repo0oooo00ooo
spec:
  connectionConfig:
  url: https://raw.githubusercontent.com/Azure-Samples/helm-charts/master/docs

Here is some JavaScript code:

 
import React from 'react';

const MessageLoading = () => (
  <div className="pf-chatbot__message-loading">
    <span className="pf-chatbot__message-loading-dots">
      <span className="pf-v6-screen-reader">Loading message</span>
    </span>
  </div>
);

export default MessageLoading;
BotAI

Here is an ordered list:
  1. Item 1
  2. Item 2
  3. Item 3
BotAI

Here is an unordered list:
  • Item 1
  • Item 2
  • Item 3
BotAI

You may be wondering whether you can display more complex lists with formatting. In response to your question, I will explain how to spread butter on toast.

  1. Using a toaster:
    • Place bread in a toaster
    • Once bread is lightly browned, remove from toaster

  2. Using a knife:

    Acquire 1 tablespoon of room temperature butter. Use knife to spread butter on toast. Bon appétit!
BotAI
Loading message
AI

Text-based message from a nameless bot

Default Openshift Container Platform Assistant That Can Help With Any Query You Might Need Help WithAI

Text-based message, where the bot's name is truncated

BotAI

Text-based message from a bot with a square avatar. You can further customize the avatar by applying an additional class or passing PatternFly avatar props to the <Message> component via avatarProps.