> For the complete documentation index, see [llms.txt](https://jolzee.gitbook.io/leopard/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://jolzee.gitbook.io/leopard/components.md).

# Components

Details how to use Date and Time Pickers and other modals such as Video, Audio, Images, Carousels, HTML and Tables.

{% hint style="info" %}
If you require ***two or more*** components outputted inline for example **you can append a numerical ordering** to the **`extensions`** output parameter. 
{% endhint %}

For example you might want to show some button options along with an inline carousel.

```groovy
extensions1 = ${ExtensionHelper.displayClickableList(yesNoMaybeOptions,channel)}
```

```groovy
extensions2 = ${ExtensionHelper.displayImageCarousel(imageUrlArray,channel)}
```

{% content-ref url="/pages/-LaQnpzqtHqV\_agzJFSM" %}
[Audio Player](/leopard/components/audio.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M16jy0s639nPkNYlSWo" %}
[Auto Open Leopard with Link](/leopard/components/deep-linked-question.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M7NvA7M3TwtBjPT86kk" %}
[Alerts](/leopard/components/alerts.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LaHna4dSaAKnf6YgvIw" %}
[Buttons and Lists](/leopard/components/buttons-and-lists.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LroqqdekKpTrex0SGK3" %}
[Card](/leopard/components/card.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lv6SKeqsmoCgpUw2XQ2" %}
[Response Icons](/leopard/components/custom-response-icons.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La72h8RQOdggQ-kN3AN" %}
[Date & Time Pickers](/leopard/components/date-and-time-pickers.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M38nZIbLX2SOw2Xq-rm" %}
[Emergency Button](/leopard/components/emergency-button.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LjbHyWvEw43plIQzOws" %}
[Expensive Operations](/leopard/components/expensive-operations.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lc3CZFW4ikmdta58d7t" %}
[Field Masks](/leopard/components/field-masks.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lc3HRo-BLPwtoocS\_F-" %}
[Chat Field Types (Email, Password, Location, Upload)](/leopard/components/field-types.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M8qHTl2\_c2eudCVe\_Wx" %}
[Forms](/leopard/components/forms-1.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LispqdfxwRSB4Kz-CWW" %}
[Google Map](/leopard/components/maps.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lc3O7cWt5Lmr\_k8EMKs" %}
[Help Text](/leopard/components/input-field-help-text.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La73Fuud9dyMnbQJPq6" %}
[HTML Modal](/leopard/components/custom.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La73RDSAcYSQM5GIcTo" %}
[Hyperlinks](/leopard/components/hyperlinks.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M8qH6OT\_2Xk7tIavhYo" %}
[Images](/leopard/components/images.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M8qHKcjYOYDCQK8LQis" %}
[Tables](/leopard/components/tables.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M3I0NOonPFYzCExutwV" %}
[Theme Change](/leopard/components/dynamic-theme-change.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M38fFItvoYDIJEX6syG" %}
[Toasts](/leopard/components/toasts.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La74N1RqyCOu8mUj0lS" %}
[Language Auto Switch](/leopard/components/language-auto-switch.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LdPMCrLmaOmxXsrEfCJ" %}
[Markdown & HTML](/leopard/content-styling/answer-text-formatting.md)
{% endcontent-ref %}

{% content-ref url="/pages/-M8qHpusKnfNfLhxLS2b" %}
[Multiple Components - Same Response](/leopard/components/multiple-components-same-response.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La72n-rJQFXprz21XWV" %}
[Modal Size & Positioning](/leopard/components/modals.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lc2zqfpqNsEP0fmJYzL" %}
[Open Long Response in Modal](/leopard/components/open-long-response-in-modal.md)
{% endcontent-ref %}

{% content-ref url="/pages/-Lru-tuCIUoX9NggDWOm" %}
[Prompt Trigger Polling](/leopard/components/prompt-trigger-polling.md)
{% endcontent-ref %}

{% content-ref url="/pages/-LaHndTBJwnNfqyQNiVl" %}
[Splitting Answers - Chunks](/leopard/components/splitting-a-response.md)
{% endcontent-ref %}

{% content-ref url="/pages/-La737WB51k6QgRHhTQ\_" %}
[Video Player](/leopard/components/video.md)
{% endcontent-ref %}