7 lines
1.5 KiB
Plaintext
7 lines
1.5 KiB
Plaintext
page ProjectBoardExample {
|
|
state tasks = [{label:"Review designs"},{label:"Build the dashboard"},{label:"Test accessibility"}]
|
|
view {
|
|
<nav class="example-toolbar"><a href="/preview">← All examples</a><a href="#example-source">View code</a></nav> <main class="example-form-page" style="max-width:42rem;margin:3rem auto;padding:1.5rem;display:grid;gap:1.5rem"><h1>Project workspace</h1><DragAndDrop title="Priorities" description="Drag a row or use its arrow buttons." items="{tasks}" /><WysiwygEditor title="Team update" value="Share what you are working on this week." /></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 ProjectBoardExample <span>{</span>
|
|
state tasks = [<span>{</span>label:"Review designs"<span>}</span>,<span>{</span>label:"Build the dashboard"<span>}</span>,<span>{</span>label:"Test accessibility"<span>}</span>]
|
|
view <span>{</span> <main class="example-form-page" style="max-width:42rem;margin:3rem auto;padding:1.5rem;display:grid;gap:1.5rem"><h1>Project workspace</h1><DragAndDrop title="Priorities" description="Drag a row or use its arrow buttons." items="<span>{</span>tasks<span>}</span>" /><WysiwygEditor title="Team update" value="Share what you are working on this week." /></main> <span>}</span>
|
|
<span>}</span></code></pre></section> } } |