{@inject-html}
<a name="{{id}}"></a>
<div class="snippet snippet-container anchor-container" id="longSnippet{{serial}}">
    {{description}}
    <a class="anchor-button-overlay anchor-button" title="Copy link to clipboard"
        onmouseenter="fixHref(this, '{{id}}');" onclick="fixHref(this, '{{id}}'); copyStringToClipboard(this.href);"
        href="#">
        <i class="material-icons anchor-image">link</i>
    </a>
    <div class="snippet-description">
        <p>To create a local project with this code sample, run:<br />
            <span class="snippet-create-command">flutter create --sample={{id}} mysample</span>
        </p>
    </div>
    <iframe class="snippet-dartpad"
        src="https://dartpad.dev/embed-flutter.html?split=60&amp;run=true&amp;null_safety=true&amp;sample_id={{id}}&amp;sample_channel={{channel}}&amp;channel={{channel}}">
    </iframe>
</div>
{@end-inject-html}