page productivityTemplate {
 state bag: number = 0
 view {<nav class="example-toolbar"><a href="/templates">← All templates</a><a href="#example-source">View code</a></nav> <main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"><h1>Your week, in focus</h1><DragAndDrop title="Priorities" items='[{"label":"Review the launch plan"},{"label":"Prepare customer interviews"},{"label":"Share the weekly update"}]' /><DatePicker label="Next milestone" name="milestone" /><WysiwygEditor title="Meeting notes" value="Capture decisions and next steps here." /></main> <section class="example-code-panel"><header><h2>Copy this example</h2><button type="button" data-copy-target="#example-source">Copy code</button></header><pre><code id="example-source">page productivityTemplate <span>&#123;</span>
 state bag: number = 0
 view <span>&#123;</span> &lt;main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"&gt;&lt;h1&gt;Your week, in focus&lt;/h1&gt;&lt;DragAndDrop title="Priorities" items='[<span>&#123;</span>"label":"Review the launch plan"<span>&#125;</span>,<span>&#123;</span>"label":"Prepare customer interviews"<span>&#125;</span>,<span>&#123;</span>"label":"Share the weekly update"<span>&#125;</span>]' /&gt;&lt;DatePicker label="Next milestone" name="milestone" /&gt;&lt;WysiwygEditor title="Meeting notes" value="Capture decisions and next steps here." /&gt;&lt;/main&gt; <span>&#125;</span>
<span>&#125;</span></code></pre></section> } }