# Card

### Screenshots

<div align="left"><img src="https://4062709520-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-La71Iy76rotlqbCOWoQ%2F-M7TuHyJwdVhKLmzcVgB%2F-M7TuSX0e_aYNzz7j-7R%2Fleopard-19.png?alt=media&#x26;token=fea2f35f-b9d7-42ad-a916-ba9eada41213" alt=""></div>

### Output Parameter

```groovy
displayCard = {
  "imageUrl" : "https://gcs.thesouthafrican.com/2019/04/6c0aed1b-springboks-kit-750x536.jpg",
  "title"    : "Springboks: New kit - Thoughts?",
  "subTitle" : "A new look for the Springboks in the RWC in Japan.",
  "bodyText" : "The Springboks will be wearing an \"unstoppable\" jersey, designed and manufactured by ASICS, which features technological advancements to give the men in green and gold an extra edge.",
  "chips"    : [
    {
      "name"   : "Love",
      "params" : "opinion=love"
    },
    {
      "name"   : "Ok",
      "params" : "opinion=ok"
    },
    {
      "name"   : "Meh",
      "params" : "opinion=meh"
    },
    {
      "name"   : "Hate",
      "params" : "opinion=hate"
    }
  ],
  "actions"  : [
    {
      "name"   : "Vote",
      "params" : "vote=true"
    }
  ]
}
```

### Post back from Leopard

There will be no post backs to Leopard if there are no "action" buttons.  You can however display a card with no action buttons.\
\
If no "chips" are present but "action" buttons are then the chip's value for "name" will be sent back to Teneo as user input text. If no chips are present then the value for "name" on the action button clicked will be sent back to Teneo. In all situations the parameters for both the selected chip and clicked button will be combined and sent to Teneo. &#x20;

{% hint style="info" %}
All main elements in the JSON config are optional. "Chips" are however dependent on the existence of "action" buttons. Both chips and action buttons **must have "params" elements**.&#x20;
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://jolzee.gitbook.io/leopard/components/card.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.