# Integrations

A mermaid block:

{% @mermaid/diagram %}

{% @mermaid/diagram content="stateDiagram-v2
\[\*] --> Active

```
state Active {
    [*] --> NumLockOff
    NumLockOff --> NumLockOn : EvNumLockPressed
    NumLockOn --> NumLockOff : EvNumLockPressed
    --
    [*] --> CapsLockOff
    CapsLockOff --> CapsLockOn : EvCapsLockPressed
    CapsLockOn --> CapsLockOff : EvCapsLockPressed
    --
    [*] --> ScrollLockOff
    ScrollLockOff --> ScrollLockOn : EvScrollLockPressed
    ScrollLockOn --> ScrollLockOff : EvScrollLockPressed
}" %}
```

A GitHub file:

{% @github-files/github-code-block url="<https://github.com/GitbookIO/gitbook-open/blob/main/package.json#L2-L3>" %}

A linear issue

{% @linear/embed url="<https://linear.app/gitbook-x/issue/RND-1853/render-integration-blocks>" issueId="RND-1853" %}

A mailchimp block

{% @mailchimp/mailchimpSubscribe cta="Sign up to our mailing list to receive updates!" %}

An Arcade block:

{% embed url="<https://demo.arcade.software/wdQ1LccMH6KrwcBz7mKl?embed>" %}