> For the complete documentation index, see [llms.txt](https://docs-en.dydu.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs-en.dydu.ai/integration/channels/advanced-customization/css-editor/teaser.md).

# Teaser

<figure><img src="https://264031769-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FPMvi3Izk7dvjl9HitZpp%2Fuploads%2FDyqwMvJBJ6SQIPK2yH5m%2Fimage.png?alt=media&amp;token=915db2fe-780e-4ffe-9249-c14ea8bb33d7" alt=""><figcaption></figcaption></figure>

Contains display elements when the chatbox is closed.

**dydu-teaser-title**

CSS title of the chatbox teaser

* size
* position
* text

**dydu-teaser-button**

CSS teaser of the button

* size
* position
* color

**dydu-teaser-brand**

CSS of the image or element to the right of the teaser button

* size
* position