Leopard Chat Client
  • Quick Start
  • Screenshots
  • Setup
    • Extension Helper
    • Context Variables
      • Greeting Message
      • Channel
      • User's Time Zone
      • Location Context Parameters
    • Build Variables
  • Content Styling
    • CSS Styles
    • Icons
    • Markdown & HTML
  • Components Simple Syntax
  • Components
    • Answer Borders
    • Audio Player
    • Auto Open Leopard with Link
    • Alerts
    • Buttons and Lists
    • Card
    • Response Icons
    • Date & Time Pickers
    • Emergency Button
    • Expensive Operations
    • Field Masks
    • Chat Field Types (Email, Password, Location, Upload)
    • Forms
      • Feedback Form
      • Custom Forms
        • Example Config
        • Postback Object
        • Button Object
        • Field Types
        • Style Object
        • Icons Object
        • Masks
        • Validation
    • Google Map
    • Help Text
    • HTML Modal
    • Hyperlinks
    • Images
      • Image
      • Image Carousel
    • Tables
      • Tables - Simple
      • Tables - Advanced
    • Theme Change
    • Toasts
    • Language Auto Switch
    • Minimize Chat after Delay
    • Multiple Components - Same Response
    • Modal Size & Positioning
    • Open Long Response in Modal
    • Print Icon
    • Prompt Trigger Polling
    • Splitting Answers - Chunks
    • Video Player
  • Administration Area
    • Solution Configuration
    • Demo Mode - iFrames & URLs
    • ASR and TTS
  • Integrations
    • Logging / Reporting
    • Social Authentication
    • Live Chat
  • Embedding / Production
Powered by GitBook
On this page
  • Verbose with defaults:
  • Minimal config
  1. Components

Alerts

Alert Components are shown inline either before or after the answer text

PreviousAuto Open Leopard with LinkNextButtons and Lists

Last updated 5 years ago

No ExtensionHelper available but you just need to provide and "extensions" output parameter with the following JSON.

Icons are sourced from and the options for border are ["top", "right", "bottom", "right"] or you can omit it and there will not be a sided border.

Verbose with defaults:

{
   "name":"displayAlert",
   "light": false,
   "inline":true,
   "text": "Lorem ipsum <a href='https://www.google.com' target='_blank'>dolor sit amet</a>",
   "color":"blue",
   "beforeAnswer":true,
   "icon":"asterisk",
   "elevation":2,
   "dense":false,
   "prominent":false,
   "border":"left",
   "outlined":false
} 

Minimal config

{
   "name":"displayAlert",
   "inline":true,
   "text": "Lorem ipsum <a href='https://www.google.com' target='_blank'>dolor sit amet</a>",
}

If you place an anchor link in the text its color will be the primary color of your current Leopard theme. You can override that with a inline style tag on your anchor. Something like:

<a href='https://www.google.com' style='color: pink' target='_blank'>dolor sit amet</a>

MDI icons