# HTML

Note we have launched a specific library for this components 

{% embed url="<https://github.com/shimoku-tech/shimoku-components-catalog>" %}

{% hint style="info" %}
The library is installed automatically with the latest version of the SDK.
{% endhint %}

They are used in the same way as before, when called they provide the necessary *html* code to call `s.plt.html()`*.*&#x20;

So now we can use the html components without needing to import the additional library:

```python
s.plt.html(
    order=0,
    html=s.html_components.box_with_button(
        title='HTML example',
        line='integrated in the SDK',
        href='https://shimoku.com',
        background="https://images.unsplash.com/photo-1553356084-58ef4a67b2a7?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=774&q=80",
    ),
)
```

<figure><img src="/files/0sb30rXPsJTHneB7u1lV" alt=""><figcaption><p>Html component created without manually importing the library</p></figcaption></figure>

{% hint style="info" %}
WARNING for the `html` methods avoid special symbols such as `(, ), [, ]` and similar because it could break the look\&feel
{% endhint %}

Thanks to it, it is possible to group HTML elements, components and many charts on a page, like this:

![](/files/sDyKyblxlrcGmBLCH47C)

{% hint style="info" %}
It is possible to use any number of rows.
{% endhint %}

{% hint style="info" %}

### Featured Content

[Changing the Menu Path](/dev/building-web-app/menu/changing-the-menu-path.md)\
The `menu_path` can be modified.<br>

[Using the Grid](/dev/building-web-app/grid/using-the-grid.md)

It is possible to use any number of rows.
{% 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://docs.shimoku.com/dev/elements/charts/html.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.