# 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="https://3782181538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUlHTfmIZY46Z1EDfyGMz%2Fuploads%2FLM1XB2WSfGgGkgiBb4tH%2FHTML.png?alt=media&#x26;token=47fdb36b-0039-40fb-8c02-fb70679d8ab6" 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:

![](https://3782181538-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUlHTfmIZY46Z1EDfyGMz%2Fuploads%2FoYHkSFr9FknSdqPy4wzI%2FPortfolio.png?alt=media\&token=df5453d1-badd-4670-b9f8-f39296ea1529)

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

{% hint style="info" %}

### Featured Content

[changing-the-menu-path](https://docs.shimoku.com/dev/building-web-app/menu/changing-the-menu-path "mention")\
The `menu_path` can be modified.<br>

[using-the-grid](https://docs.shimoku.com/dev/building-web-app/grid/using-the-grid "mention")

It is possible to use any number of rows.
{% endhint %}