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

A kino for rendering Mermaid diagrams.

> #### Relation to Kino.Markdown {: .info}
>
> Mermaid diagrams can also be generated dynamically with `Kino.Markdown`,
> however the output of `Kino.Markdown` is never persisted in the
> notebook source. `Kino.Mermaid` doesn't have this limitation.

## Examples

    Kino.Mermaid.new("""
    graph TD;
      A-->B;
      A-->C;
      B-->D;
      C-->D;
    """)

# `t`

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

# `new`

```elixir
@spec new(
  binary(),
  keyword()
) :: t()
```

Creates a new kino displaying the given Mermaid diagram.

## Options

  * `:caption` - an optional caption for the rendered diagram.

  * `:download` - whether or not to show a button for downloading
    the diagram as a SVG. Defaults to `true`.

---

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