ClintchizandClaude Opus 5.5
c0ac38c572
- Sync app, public, scripts, test and examples from the framework's component-showcase: redesigned component demos, marketing blocks under /blocks, template and preview galleries, distinct Timeline/Section variants, Chat Bubble receipts, a top-placement Drawer demo, and the playground code panel fix (objects in array props no longer blank out). - Standalone adaptations kept: the generator and tests read component-reference.json from the published @wrnexus/ui, and tests use the published @wrnexus/compiler and @wrnexus/syntax. - Dependencies: every @wrnexus/* package to its latest release (ui 0.8.88, styles 0.8.26, core 0.8.16, cli 0.8.72, ...), happy-dom for the playground tests, Tailwind 4.3; bun.lock and package-lock.json refreshed. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
6 lines
2.0 KiB
Plaintext
6 lines
2.0 KiB
Plaintext
page PreviewIndex {
|
|
layout = "gallery"
|
|
seo { title = "Examples" }
|
|
view { <header class="docs-intro"><span class="showcase-eyebrow">Ready to use</span><h1>Page examples</h1><p>Explore complete layouts, interact with the controls, and copy the source.</p></header><div class="example-catalog"><a class="example-card" href="/preview/workspace"><div class="example-card__art"><span class="icon-[lucide--layout-dashboard]" aria-hidden="true"></span></div><div><h2>Workspace overview</h2><p>A complete dashboard with navigation, metrics, and service cards.</p><strong>Open example →</strong></div></a><a class="example-card" href="/preview/profile"><div class="example-card__art"><span class="icon-[lucide--user-round]" aria-hidden="true"></span></div><div><h2>Profile & preferences</h2><p>A responsive settings form with grouped fields and save feedback.</p><strong>Open example →</strong></div></a><a class="example-card" href="/preview/sign-in"><div class="example-card__art"><span class="icon-[lucide--log-in]" aria-hidden="true"></span></div><div><h2>Sign in</h2><p>A focused authentication page with a compact form.</p><strong>Open example →</strong></div></a><a class="example-card" href="/preview/scheduling"><div class="example-card__art"><span class="icon-[lucide--calendar-days]" aria-hidden="true"></span></div><div><h2>Scheduling</h2><p>Date, date-and-time, and time controls in a practical form.</p><strong>Open example →</strong></div></a><a class="example-card" href="/preview/custom-modal"><div class="example-card__art"><span class="icon-[lucide--panels-top-left]" aria-hidden="true"></span></div><div><h2>Custom modal</h2><p>Open and close a fully controlled dialog from your own buttons.</p><strong>Open example →</strong></div></a><a class="example-card" href="/preview/project-board"><div class="example-card__art"><span class="icon-[lucide--list-checks]" aria-hidden="true"></span></div><div><h2>Project workspace</h2><p>Reorder priorities and write rich-text project updates.</p><strong>Open example →</strong></div></a></div> }
|
|
}
|