WorkRoot/WRNexusJS
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

release: WRNexusJS 0.5.14

Browse Source
This commit is contained in:
Clintchiz
2026-07-30 21:29:25 +05:30
parent 9dffe83f32
commit 358a520bc5
123 changed files with 11646 additions and 461 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/component-showcase/app/pages/forms.wrn
+14 -4
View File
@@ -3,16 +3,26 @@ page FormsShowcase {
layout = "showcase"
seo {
title = "Forms components"
description = "11 forms components from @wrnexus/ui."
description = "12 forms components from @wrnexus/ui."
}
view {
<header class="showcase-hero showcase-hero--category">
<span class="showcase-eyebrow">Component category</span>
<h1 class="showcase-title">Forms</h1>
<p class="showcase-description">11 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.</p>
<div class="category-meta"><span>11 components</span><span>Multiple use cases</span><span>103 live configurations</span></div>
<p class="showcase-description">12 unique, responsive, theme-aware components. Open a component to inspect multiple live configurations and its complete props API.</p>
<div class="category-meta"><span>12 components</span><span>Multiple use cases</span><span>106 live configurations</span></div>
</header>
<div class="catalog-grid">
<article class="catalog-card">
<div class="catalog-card-preview">
<div class="catalog-card-glow" aria-hidden="true"></div>
<div class="catalog-card-stage"><div data-component="AuthForm" size="default" action="#auth-form-demo" title="Auth Form example" description="A polished default auth form for a modern application." showRemember="true" showName="true" submitLabel="Auth Form" class="showcase-instance showcase-instance--1"></div></div>
</div>
<div class="catalog-card-body">
<div><span class="catalog-card-category">Forms</span><h2>Auth Form</h2><p>Reusable authentication form for sign-in, registration, recovery, reset, and MFA.</p></div>
<div class="catalog-card-footer"><span>13 props · 1 slots</span><a href="/components/auth-form">Explore component <span aria-hidden="true">→</span></a></div>
</div>
</article>
<article class="catalog-card">
<div class="catalog-card-preview">
<div class="catalog-card-glow" aria-hidden="true"></div>
@@ -20,7 +30,7 @@ page FormsShowcase {
</div>
<div class="catalog-card-body">
<div><span class="catalog-card-category">Forms</span><h2>Checkbox</h2><p>Theme-aware, responsive checkbox component.</p></div>
<div class="catalog-card-footer"><span>27 props · 0 slots</span><a href="/components/checkbox">Explore component <span aria-hidden="true">→</span></a></div>
<div class="catalog-card-footer"><span>27 props · 1 slots</span><a href="/components/checkbox">Explore component <span aria-hidden="true">→</span></a></div>
</div>
</article>
<article class="catalog-card">