docs: update portal for WRNexusJS 0.2.72
This commit is contained in:
@@ -12,7 +12,7 @@ page Components {
|
||||
<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="/components">Components</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav>
|
||||
<div class="topbar-actions"><a class="preview-pill" href="/access">Private preview · v0.2.71</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme" title="Toggle color theme">◐</button></div>
|
||||
<div class="topbar-actions"><a class="preview-pill" href="/access">Private preview · v0.2.72</a><button data-wire-theme-toggle class="theme-button" aria-label="Toggle color theme" title="Toggle color theme">◐</button></div>
|
||||
</header>
|
||||
<div class="mobile-doc-nav"><details><summary>Browse documentation</summary><nav><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/components">Components</a><a href="/language">Language</a><a href="/architecture">Architecture</a><a href="/tutorial">Tutorial</a><a href="/guides/project-structure">Guides</a><a href="/examples">Examples</a><a href="/search">Search</a></nav></details></div>
|
||||
<main id="main" class="page component-catalog-page"><nav class="breadcrumbs" aria-label="Breadcrumb"><a href="/">Home</a><span>/</span><span aria-current="page">Components</span></nav><section class="hero compact"><span class="eyebrow">@wrnexus/ui · 901 components</span><h1>Component reference</h1><p>Production-ready, server-rendered components documented directly from the installed <code>.wrn</code> sources.</p><input class="search" type="search" placeholder="Search components, props, or categories…" @input="query = event.target.value" /></section><section class="category-filter" aria-label="Filter components by category"><div class="category-row"><button type="button" @click="category = 'All'">All<span>901</span></button><button type="button" @click="category = 'actions'">Actions<span>64</span></button><button type="button" @click="category = 'content'">Content<span>255</span></button><button type="button" @click="category = 'core'">Core<span>67</span></button><button type="button" @click="category = 'data'">Data<span>79</span></button><button type="button" @click="category = 'feedback'">Feedback<span>72</span></button><button type="button" @click="category = 'forms'">Forms<span>211</span></button><button type="button" @click="category = 'layout'">Layout<span>74</span></button><button type="button" @click="category = 'overlays'">Overlays<span>33</span></button><button type="button" @click="category = 'visualization'">Visualization<span>46</span></button></div><p>Showing <strong>{category}</strong> components</p></section><section class="component-grid"><a class="component-card" href="/components/accept-all-cookies-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'acceptallcookiesbutton acceptallcookiesbutton actions reusable accept all cookies button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>AcceptAllCookiesButton</h2><p>Reusable accept all cookies button component.</p><div class="component-card-meta"><span>6 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -40,7 +40,7 @@ page Components {
|
||||
<a class="component-card" href="/components/amount-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'amountinput amountinput forms reusable amount input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>AmountInput</h2><p>Reusable amount input component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/analytics-dashboard-preview" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'analyticsdashboardpreview analyticsdashboardpreview content reusable analytics dashboard preview component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>AnalyticsDashboardPreview</h2><p>Reusable analytics dashboard preview component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/anchor-navigation" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'anchornavigation anchornavigation layout reusable anchor navigation component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>AnchorNavigation</h2><p>Reusable anchor navigation component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/announcement-bar" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'announcementbar announcementbar core reusable announcement bar component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>AnnouncementBar</h2><p>Reusable announcement bar component.</p><div class="component-card-meta"><span>7 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/announcement-bar" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'announcementbar announcementbar core reusable announcement bar component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>AnnouncementBar</h2><p>Reusable announcement bar component.</p><div class="component-card-meta"><span>14 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/apartment-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'apartmentinput apartmentinput forms reusable apartment input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ApartmentInput</h2><p>Reusable apartment input component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/api-authentication-notice" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'apiauthenticationnotice apiauthenticationnotice feedback reusable api authentication notice component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>ApiAuthenticationNotice</h2><p>Reusable api authentication notice component.</p><div class="component-card-meta"><span>6 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/api-endpoint-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'apiendpointcard apiendpointcard content reusable api endpoint card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ApiEndpointCard</h2><p>Reusable api endpoint card component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -569,8 +569,8 @@ page Components {
|
||||
<a class="component-card" href="/components/partner-application-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'partnerapplicationform partnerapplicationform content reusable partner application form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PartnerApplicationForm</h2><p>Reusable partner application form component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/partner-logo-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'partnerlogogrid partnerlogogrid data reusable partner logo grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PartnerLogoGrid</h2><p>Reusable partner logo grid component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/partner-program-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'partnerprogramcard partnerprogramcard content reusable partner program card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PartnerProgramCard</h2><p>Reusable partner program card component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/passkey-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'passkeybutton passkeybutton actions reusable passkey button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>PasskeyButton</h2><p>Reusable passkey button component.</p><div class="component-card-meta"><span>6 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/password-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'passwordinput passwordinput forms reusable password input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PasswordInput</h2><p>Reusable password input component.</p><div class="component-card-meta"><span>12 props</span><span>0 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/passkey-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'passkeybutton passkeybutton actions reusable passkey button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>PasskeyButton</h2><p>Reusable passkey button component.</p><div class="component-card-meta"><span>7 props</span><span>0 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/password-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'passwordinput passwordinput forms reusable password input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PasswordInput</h2><p>Reusable password input component.</p><div class="component-card-meta"><span>13 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/password-requirement-list" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'passwordrequirementlist passwordrequirementlist data reusable password requirement list component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PasswordRequirementList</h2><p>Reusable password requirement list component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/password-strength-meter" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'passwordstrengthmeter passwordstrengthmeter visualization reusable password strength meter component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>PasswordStrengthMeter</h2><p>Reusable password strength meter component.</p><div class="component-card-meta"><span>6 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/password-visibility-toggle" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'passwordvisibilitytoggle passwordvisibilitytoggle forms reusable password visibility toggle component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PasswordVisibilityToggle</h2><p>Reusable password visibility toggle component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -647,8 +647,8 @@ page Components {
|
||||
<a class="component-card" href="/components/promo-code-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'promocodeinput promocodeinput forms reusable promo code input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PromoCodeInput</h2><p>Reusable promo code input component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/prompt-dialog" data-show="(category === 'All' ? true : category === 'overlays') ? (query === '' ? true : 'promptdialog promptdialog overlays reusable prompt dialog component.'.includes(query.toLowerCase())) : false"><span class="category">overlays</span><h2>PromptDialog</h2><p>Reusable prompt dialog component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/provider-selector" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'providerselector providerselector forms reusable provider selector component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ProviderSelector</h2><p>Reusable provider selector component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-footer" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'publicfooter publicfooter core reusable public footer component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>PublicFooter</h2><p>Reusable public footer component.</p><div class="component-card-meta"><span>1 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-header" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'publicheader publicheader layout reusable public header component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>PublicHeader</h2><p>Reusable public header component.</p><div class="component-card-meta"><span>1 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-footer" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'publicfooter publicfooter core reusable public footer component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>PublicFooter</h2><p>Reusable public footer component.</p><div class="component-card-meta"><span>17 props</span><span>1 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-header" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'publicheader publicheader layout reusable public header component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>PublicHeader</h2><p>Reusable public header component.</p><div class="component-card-meta"><span>22 props</span><span>2 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-header-logo" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'publicheaderlogo publicheaderlogo content reusable public header logo component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PublicHeaderLogo</h2><p>Reusable public header logo component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-mobile-navigation" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'publicmobilenavigation publicmobilenavigation core reusable public mobile navigation component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>PublicMobileNavigation</h2><p>Reusable public mobile navigation component.</p><div class="component-card-meta"><span>1 props</span><span>0 slots</span><span>1 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/public-page-shell" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'publicpageshell publicpageshell layout reusable public page shell component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>PublicPageShell</h2><p>Reusable public page shell component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -760,7 +760,7 @@ page Components {
|
||||
<a class="component-card" href="/components/sidebar-layout" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'sidebarlayout sidebarlayout layout reusable sidebar layout component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>SidebarLayout</h2><p>Reusable sidebar layout component.</p><div class="component-card-meta"><span>1 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/side-panel" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'sidepanel sidepanel layout reusable side panel component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>SidePanel</h2><p>Reusable side panel component.</p><div class="component-card-meta"><span>5 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/sign-in-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'signinform signinform content reusable sign in form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>SignInForm</h2><p>Reusable sign in form component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/sign-in-link" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'signinlink signinlink actions reusable sign in link component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>SignInLink</h2><p>Reusable sign in link component.</p><div class="component-card-meta"><span>6 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/sign-in-link" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'signinlink signinlink actions reusable sign in link component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>SignInLink</h2><p>Reusable sign in link component.</p><div class="component-card-meta"><span>8 props</span><span>0 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/sign-up-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'signupform signupform content reusable sign up form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>SignUpForm</h2><p>Reusable sign up form component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/site-search" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'sitesearch sitesearch content reusable site search component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>SiteSearch</h2><p>Reusable site search component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/skeleton" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'skeleton skeleton feedback reusable skeleton component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>Skeleton</h2><p>Reusable skeleton component.</p><div class="component-card-meta"><span>3 props</span><span>0 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -916,7 +916,7 @@ page Components {
|
||||
<a class="component-card" href="/components/workspace-switcher" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'workspaceswitcher workspaceswitcher content reusable workspace switcher component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>WorkspaceSwitcher</h2><p>Reusable workspace switcher component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/year-picker" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'yearpicker yearpicker forms reusable year picker component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>YearPicker</h2><p>Reusable year picker component.</p><div class="component-card-meta"><span>11 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
<a class="component-card" href="/components/zoom-slider" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'zoomslider zoomslider content reusable zoom slider component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ZoomSlider</h2><p>Reusable zoom slider component.</p><div class="component-card-meta"><span>8 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a></section></main>
|
||||
<footer><div class="footer-brand"><span class="footer-mark" aria-hidden="true">W</span><p><strong>WRNexusJS 0.2.71</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>
|
||||
<footer><div class="footer-brand"><span class="footer-mark" aria-hidden="true">W</span><p><strong>WRNexusJS 0.2.72</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