# `Kino.HTML`
[🔗](https://github.com/livebook-dev/kino/blob/v0.19.0/lib/kino/html.ex#L1)

A kino for rendering HTML content.

The HTML may include `<script>` tags with global JS to be executed.

In case you need to parameterize the HTML with dynamic values, write
a custom `Kino.JS` component.

## Examples

    Kino.HTML.new("""
    <h3>Look!</h3>

    <p>I wrote this HTML from <strong>Kino</strong>!</p>
    """)

    Kino.HTML.new("""
    <button id="button">Click</button>

    <script>
      const button = document.querySelector("#button");

      button.addEventListener("click", (event) => {
        button.textContent = "Clicked!"
      });
    </script>
    """)

# `t`

```elixir
@type t() :: Kino.JS.t()
```

# `new`

```elixir
@spec new(String.t()) :: t()
```

Creates a new kino displaying the given HTML.

---

*Consult [api-reference.md](api-reference.md) for complete listing*