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

# Information drawer

**Configure the Information drawer**

Select the customize theme option. Click on the dropdown menu at the top to select the **Home page** templat&#x65;**.**

From the left side menu, select the **Information drawer.**

Customize the section by utilizing the settings on the right side of the theme editor, as described below:

<table data-header-hidden><thead><tr><th width="281"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Enter the heading text. <br><em>(Note: Wrap your text between [ ] to add the markers. These [markers] will highlight the text.)</em></td></tr><tr><td>Show icons</td><td>Select this checkbox to show the icons.</td></tr><tr><td>Heading</td><td>Enter the heading text. </td></tr><tr><td>Description</td><td>Enter the description text.</td></tr><tr><td>Approve button text</td><td>Enter text to display as approve button text on the popup.</td></tr><tr><td>Decline button text</td><td>Enter text to display as decline button text on the popup.</td></tr><tr><td>Under 18 title</td><td>Enter text to display on the under 18 popup as a title.</td></tr><tr><td>Under 18 description</td><td>Enter text to display on the under-18 popup as a description.</td></tr><tr><td>Decline button text</td><td>Enter text to display as decline button text on the under 18 popup.</td></tr></tbody></table>

**Block settings**

<table><thead><tr><th width="252"></th><th></th></tr></thead><tbody><tr><td>Heading</td><td>Enter the heading text. </td></tr><tr><td>Icon</td><td>Choose any icon from the icons list.</td></tr><tr><td>Description</td><td>Enter the description text.</td></tr><tr><td>Image</td><td>Choose any image from the library.</td></tr><tr><td>Image position</td><td>Select the image position from 'Top' or 'Bottom'.</td></tr><tr><td>Colors</td><td><strong>Background</strong><br>Choose any color for the background.<br><br><strong>Heading</strong><br>Choose any color for the heading.<br><br><strong>Text</strong><br>Choose any color for the text.<br><br><strong>Border</strong><br>Choose any color for the border.</td></tr></tbody></table>

## Steps to link this drawer

1. Go to the product page> Add block named '**Information content**'\ <br>

   <figure><img src="/files/7eHlhHDuCgw0zGx91am7" alt=""><figcaption></figcaption></figure>
2. Add content in its details and select '**Drawer**' for its type.\
   \
   ![](/files/9FIHrS9sKGnCxAPvcbg3)
3. Click on this text(*shown below*) will start opening the information drawer.<br>

   <figure><img src="/files/qk1TghOb7an7KAN3Dxip" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/M2AzhYPiLGxcIlw8SN6z" alt=""><figcaption></figcaption></figure>

4. This information drawer can be linked from the announcement bar also. \
   Go to the announcement bar and select checkbox in front of the settings->Link with information drawer under the Contact info settings, as shown below:<br>

<figure><img src="/files/LdKjuqlMwFSFECSBzlW5" alt=""><figcaption></figcaption></figure>

Click on this contact info will open the information drawer, as shown below:<br>

<figure><img src="/files/cFehT5JotGO3EcTRSfHA" alt=""><figcaption></figcaption></figure>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://shinedezign.gitbook.io/starlite-documentation/overview/information-drawer.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.
