feat(docs): redesign portal with shared UI system
This commit is contained in:
Clintchiz committed
1 parent
bb37d148e6
commit
b190bbf41c
120 files changed
+20198
-242
No files matched your search
@@ -6,7 +6,7 @@ page wrnexusui {
|
||||
|
||||
view {
|
||||
<div class="docs-shell">
|
||||
<a class="skip-link" href="#main">Skip to content</a>
|
||||
<SkipLink label="Skip to content" href="#main" class="docs-skip-link" />
|
||||
<header class="topbar">
|
||||
<a class="brand" href="/"><span>W</span> WRNexusJS</a>
|
||||
<nav aria-label="Primary"><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav>
|
||||
@@ -132,7 +132,8 @@ const router = buildRouter(appDir, { componentDirs: [uiComponentsDir()] 
|
||||
</div></code></pre></article></div></section><section id="components" class="prose ui-component-reference"><h2>All 901 UI components and props</h2><p>This reference is generated from the exact installed <code>.wrn</code> sources. Required props have no default; optional props show their default value.</p><h3>Actions</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AcceptAllCookiesButton</strong><br><code>data-component="AcceptAllCookiesButton"</code><br><small>Reusable accept all cookies button component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleNewsletterCTA</strong><br><code>data-component="ArticleNewsletterCTA"</code><br><small>Reusable article newsletter c t a component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleShareActions</strong><br><code>data-component="ArticleShareActions"</code><br><small>Reusable article share actions component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BackButton</strong><br><code>data-component="BackButton"</code><br><small>Reusable back button component.</small></td><td><code>label: string = "Action"</code><br><code>type: string = "button"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Button</strong><br><code>data-component="Button"</code><br><small>Reusable button component.</small></td><td><code>label: string = "Button"</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>size: string = "md"</code><br><code>disabled: boolean = false</code><br><code>loading: boolean = false</code><br><code>icon: string = ""</code><br><code>className: string = ""</code></td><td>None</td><td>None</td></tr><tr><td><strong>CenteredCTA</strong><br><code>data-component="CenteredCTA"</code><br><small>Reusable centered c t a component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ClearFiltersButton</strong><br><code>data-component="ClearFiltersButton"</code><br><small>Reusable clear filters button component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CloseButton</strong><br><code>data-component="CloseButton"</code><br><small>Reusable close button component.</small></td><td><code>label: string = "Action"</code><br><code>type: string = "button"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeCopyButton</strong><br><code>data-component="CodeCopyButton"</code><br><small>Reusable code copy button component.</small></td><td><code>label: string = "Action"</code><br><code>href: string = ""</code><br><code>type: string = "button"</code><br><code>variant: string = "primary"</code><br><code>disabled: boolean = false</code><br><code>class: string = ""</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactCTA</strong><br><code>data-component="ContactCTA"</code><br><small>Reusable contact c t a component.</small></td><td><code>label: string = "Action"</code><bLine truncated
|
||||
<aside class="on-this-page"><h2>On this page</h2><nav><a class="toc-level-2" href="#guide">Guide</a><a class="toc-level-3" href="#overview">Overview</a><a class="toc-level-3" href="#components">Components</a><a class="toc-level-4" href="#layout">Layout</a><a class="toc-level-4" href="#core-feedback">Core / feedback</a><a class="toc-level-4" href="#additional-controls-data-display">Additional controls & data display</a><a class="toc-level-3" href="#api">API</a><a class="toc-level-4" href="#ui-css-asset-export">./ui.css asset export</a><a class="toc-level-4" href="#tailwind-and-motion">Tailwind and motion</a><a class="toc-level-4" href="#using-the-selected-theme-in-application-ui">Using the selected theme in application UI</a><a class="toc-level-3" href="#usage">Usage</a><a class="toc-level-4" href="#auto-discovery">Auto-discovery</a><a class="toc-level-4" href="#mounting-components-in-a-page">Mounting components in a page</a><a class="toc-level-3" href="#overrides">Overrides</a><a class="toc-level-3" href="#requirements-notes">Requirements / Notes</a><a class="toc-level-2" href="#api">Complete API</a><a class="toc-level-2" href="#examples">Examples</a><a class="toc-level-2" href="#components">All UI components</a></nav></aside>
|
||||
</main>
|
||||
<footer>WRNexusJS 0.2.64 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.</footer>
|
||||
<footer><div class="footer-brand"><span class="footer-mark" aria-hidden="true">W</span><p><strong>WRNexusJS 0.2.64</strong><span>Complete API documentation generated from installed package declarations.</span></p></div><nav aria-label="Footer"><a href="/packages">All packages</a><a href="/getting-started">Get started</a><a href="/security">Security</a><a href="/support">Support</a><a href="/llms.txt">AI guide</a></nav><p class="footer-meta">Private Developer Preview · Bun-native</p></footer>
|
||||
<BackToTop />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user