Refresh UI components and showcase; release updated framework packages
This commit is contained in:
Clintchiz committed
1 parent
d800228585
commit
c77f5e1cec
293 files changed
+22544
-35778
No files matched your search
@@ -0,0 +1,6 @@
|
||||
page commerceTemplate {
|
||||
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>Everyday essentials</h1><p>Thoughtfully made tools for your desk.</p><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"><Card title="Studio notebook" description="Dot grid · recycled paper" footer="$18"><Button label="Add notebook" @click="bag = bag + 1" /></Card><Card title="Desk organizer" description="Solid oak · natural finish" footer="$42"><Button label="Add organizer" @click="bag = bag + 1" /></Card><Card title="Travel tumbler" description="Insulated · 350 ml" footer="$24"><Button label="Add tumbler" @click="bag = bag + 1" /></Card></div><p role="status">Shopping bag: {bag} items</p><Button label="Clear bag" variant="secondary" @click="bag = 0" /></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 commerceTemplate <span>{</span>
|
||||
state bag: number = 0
|
||||
view <span>{</span> <main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"><h1>Everyday essentials</h1><p>Thoughtfully made tools for your desk.</p><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"><Card title="Studio notebook" description="Dot grid · recycled paper" footer="$18"><Button label="Add notebook" @click="bag = bag + 1" /></Card><Card title="Desk organizer" description="Solid oak · natural finish" footer="$42"><Button label="Add organizer" @click="bag = bag + 1" /></Card><Card title="Travel tumbler" description="Insulated · 350 ml" footer="$24"><Button label="Add tumbler" @click="bag = bag + 1" /></Card></div><p role="status">Shopping bag: <span>{</span>bag<span>}</span> items</p><Button label="Clear bag" variant="secondary" @click="bag = 0" /></main> <span>}</span>
|
||||
<span>}</span></code></pre></section> } }
|
||||
@@ -0,0 +1,6 @@
|
||||
page dashboardsTemplate {
|
||||
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>Workspace performance</h1><MetricCard title="Active accounts" value="1,284" /><Chart title="Weekly activity" type="bar" data='[{"label":"Mon","value":24},{"label":"Tue","value":38},{"label":"Wed","value":52}]' showLegend="false" /><Card title="Team access" description="Manage roles and permissions for your workspace." actionLabel="Manage team" actionHref="/preview/profile" /></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 dashboardsTemplate <span>{</span>
|
||||
state bag: number = 0
|
||||
view <span>{</span> <main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"><h1>Workspace performance</h1><MetricCard title="Active accounts" value="1,284" /><Chart title="Weekly activity" type="bar" data='[<span>{</span>"label":"Mon","value":24<span>}</span>,<span>{</span>"label":"Tue","value":38<span>}</span>,<span>{</span>"label":"Wed","value":52<span>}</span>]' showLegend="false" /><Card title="Team access" description="Manage roles and permissions for your workspace." actionLabel="Manage team" actionHref="/preview/profile" /></main> <span>}</span>
|
||||
<span>}</span></code></pre></section> } }
|
||||
@@ -0,0 +1,6 @@
|
||||
page marketingTemplate {
|
||||
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>Make room for your best work.</h1><p>One calm workspace for projects, notes, and the people behind them.</p><Button label="Explore the workspace" href="/preview/workspace" /><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"><Card title="Plan together" description="Turn your next idea into clear, shared priorities." /><Card title="Stay focused" description="Keep tasks, notes, and decisions in one place." /><Card title="Grow naturally" description="Start with your team. Add more space when you need it." /></div><Card title="Team plan" description="Everything your team needs to get started." footer="$19 / member / month" actionLabel="Get started" actionHref="/preview/sign-in" /></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 marketingTemplate <span>{</span>
|
||||
state bag: number = 0
|
||||
view <span>{</span> <main style="max-width:72rem;margin:3rem auto;padding:2rem;display:grid;gap:1.5rem"><h1>Make room for your best work.</h1><p>One calm workspace for projects, notes, and the people behind them.</p><Button label="Explore the workspace" href="/preview/workspace" /><div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1.25rem"><Card title="Plan together" description="Turn your next idea into clear, shared priorities." /><Card title="Stay focused" description="Keep tasks, notes, and decisions in one place." /><Card title="Grow naturally" description="Start with your team. Add more space when you need it." /></div><Card title="Team plan" description="Everything your team needs to get started." footer="$19 / member / month" actionLabel="Get started" actionHref="/preview/sign-in" /></main> <span>}</span>
|
||||
<span>}</span></code></pre></section> } }
|
||||
@@ -0,0 +1,6 @@
|
||||
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>{</span>
|
||||
state bag: number = 0
|
||||
view <span>{</span> <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='[<span>{</span>"label":"Review the launch plan"<span>}</span>,<span>{</span>"label":"Prepare customer interviews"<span>}</span>,<span>{</span>"label":"Share the weekly update"<span>}</span>]' /><DatePicker label="Next milestone" name="milestone" /><WysiwygEditor title="Meeting notes" value="Capture decisions and next steps here." /></main> <span>}</span>
|
||||
<span>}</span></code></pre></section> } }
|
||||
Reference in new issue
Block a user