Page not found
The address may be outdated or misspelled. No private or duplicate route is exposed here.
diff --git a/app/pages/404.wrn b/app/pages/404.wrn
index e6941262..961a1dc5 100644
--- a/app/pages/404.wrn
+++ b/app/pages/404.wrn
@@ -7,10 +7,10 @@ page Pagenotfound {
view {
The address may be outdated or misspelled. No private or duplicate route is exposed here.
WRNexusJS 0.2.65 packages are not available from the public npm registry. Installation requires approval and private registry credentials supplied by WorkRoot. Never paste registry tokens into source control, issue reports, or support messages.
bunx @wrnexus/cli@0.2.65 create my-appAccess approval, response time, licensing terms, and support level remain owner-controlled. This site does not collect access requests directly.
WRNexusJS 0.2.66 packages are not available from the public npm registry. Installation requires approval and private registry credentials supplied by WorkRoot. Never paste registry tokens into source control, issue reports, or support messages.
bunx @wrnexus/cli@0.2.66 create my-appAccess approval, response time, licensing terms, and support level remain owner-controlled. This site does not collect access requests directly.
WRNexusJS is Bun-native and SSR-first. File discovery maps pages and API handlers; middleware enriches or short-circuits a request; the compiler turns .wrn declarations into server render functions and small feature runtimes.
core owns contexts, middleware, sessions and rooms; router discovers routes; compiler parses .wrn; ssr renders documents; csr supplies browser runtimes; dev-server and cli orchestrate development and builds.
Validation happens at trust boundaries. Session authentication establishes identity; authorization makes resource decisions. CSP, Trusted Types, CSRF, upload checks, WebSocket origins, request limits, and output escaping are layered controls—not substitutes for application policy.
Rooms are process-local unless connected through pub/sub. Redis-backed pub/sub distributes events. Queue durability depends on the selected driver and must be evaluated explicitly.
The gateway can dispatch multiple applications while preserving route, component, asset, config, and session boundaries. Validate host routing and isolation before production.
wrnexus build . produces dist/server.js and hashed/static assets. Run the server with Bun, apply migrations before traffic, terminate TLS at a trusted edge, and forward only expected proxy headers.
Mobile compatibility bridges SSR-safe Capacitor capabilities; native route generation is experimental and is not general web portability. Test each target platform.
app/routes.gen.ts, .wrnexus/, and dist/ are generated. The runtime is Bun-only. Preview packages are private. Historical compatibility and long-term support policy are not yet published.
WRNexusJS is Bun-native and SSR-first. File discovery maps pages and API handlers; middleware enriches or short-circuits a request; the compiler turns .wrn declarations into server render functions and small feature runtimes.
core owns contexts, middleware, sessions and rooms; router discovers routes; compiler parses .wrn; ssr renders documents; csr supplies browser runtimes; dev-server and cli orchestrate development and builds.
Validation happens at trust boundaries. Session authentication establishes identity; authorization makes resource decisions. CSP, Trusted Types, CSRF, upload checks, WebSocket origins, request limits, and output escaping are layered controls—not substitutes for application policy.
Rooms are process-local unless connected through pub/sub. Redis-backed pub/sub distributes events. Queue durability depends on the selected driver and must be evaluated explicitly.
The gateway can dispatch multiple applications while preserving route, component, asset, config, and session boundaries. Validate host routing and isolation before production.
wrnexus build . produces dist/server.js and hashed/static assets. Run the server with Bun, apply migrations before traffic, terminate TLS at a trusted edge, and forward only expected proxy headers.
Mobile compatibility bridges SSR-safe Capacitor capabilities; native route generation is experimental and is not general web portability. Test each target platform.
app/routes.gen.ts, .wrnexus/, and dist/ are generated. The runtime is Bun-only. Preview packages are private. Historical compatibility and long-term support policy are not yet published.
No comparative speed claims are published. A valid baseline must record scripts, commit, Bun/framework versions, hardware, OS, warmup, samples, workload, raw results, median, percentiles, memory, HTML size, browser JavaScript size, and run date.
The roadmap starts with WRNexusJS-only measurements before any maintained equivalent-workload comparison.
Documentation is aligned to all 26 installed packages. This release adds @wrnexus/helpers, original-request URL helpers, safe login redirects, working wrnexus workspace add, and forward-auth redirect propagation.
Run wrnexus update --latest and keep every @wrnexus/* package on 0.2.65. Existing applications must explicitly add @wrnexus/helpers before importing it; newly scaffolded applications include it automatically.
The packages use semantic-looking versions, but a formal compatibility and old-release support policy has not been approved. Preview consumers should treat minor releases as potentially requiring migration review.
Documentation is aligned to all 26 installed packages. This release adds @wrnexus/helpers, original-request URL helpers, safe login redirects, working wrnexus workspace add, and forward-auth redirect propagation.
Run wrnexus update --latest and keep every @wrnexus/* package on 0.2.66. Existing applications must explicitly add @wrnexus/helpers before importing it; newly scaffolded applications include it automatically.
The packages use semantic-looking versions, but a formal compatibility and old-release support policy has not been approved. Preview consumers should treat minor releases as potentially requiring migration review.
Production-ready, server-rendered components documented directly from the installed .wrn sources.
Showing {category} components
Reusable accept all cookies button component.
View component → @@ -916,7 +916,7 @@ page Components { contentReusable workspace switcher component.
View component → formsReusable year picker component.
View component → contentReusable zoom slider component.
View component →Reusable accept all cookies button component.
Components are auto-discovered. Use the component directly in any .wrn view:
<AcceptAllCookiesButton
+ actions componentAcceptAllCookiesButton
Reusable accept all cookies button component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AcceptAllCookiesButton
label="Action"
href="href"
type="button"
@@ -38,7 +38,7 @@ page AcceptAllCookiesButtoncomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-accordion.wrn b/app/pages/components/accessible-accordion.wrn
index 7659140f..cd3a5c36 100644
--- a/app/pages/components/accessible-accordion.wrn
+++ b/app/pages/components/accessible-accordion.wrn
@@ -10,10 +10,10 @@ page AccessibleAccordioncomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleAccordion
Reusable accessible accordion component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleAccordion
+ content componentAccessibleAccordion
Reusable accessible accordion component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleAccordion
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleAccordioncomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-carousel.wrn b/app/pages/components/accessible-carousel.wrn
index 45139084..e12d896d 100644
--- a/app/pages/components/accessible-carousel.wrn
+++ b/app/pages/components/accessible-carousel.wrn
@@ -10,10 +10,10 @@ page AccessibleCarouselcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleCarousel
Reusable accessible carousel component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleCarousel
+ content componentAccessibleCarousel
Reusable accessible carousel component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleCarousel
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleCarouselcomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-chart-summary.wrn b/app/pages/components/accessible-chart-summary.wrn
index bc385ca0..bc494fb0 100644
--- a/app/pages/components/accessible-chart-summary.wrn
+++ b/app/pages/components/accessible-chart-summary.wrn
@@ -10,10 +10,10 @@ page AccessibleChartSummarycomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleChartSummary
Reusable accessible chart summary component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleChartSummary
+ content componentAccessibleChartSummary
Reusable accessible chart summary component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleChartSummary
eyebrow="eyebrow"
title="title"
description="description"
@@ -54,7 +54,7 @@ page AccessibleChartSummarycomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-dialog.wrn b/app/pages/components/accessible-dialog.wrn
index 89a2aee9..794be420 100644
--- a/app/pages/components/accessible-dialog.wrn
+++ b/app/pages/components/accessible-dialog.wrn
@@ -10,10 +10,10 @@ page AccessibleDialogcomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentAccessibleDialog
Reusable accessible dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleDialog
+ overlays componentAccessibleDialog
Reusable accessible dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleDialog
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page AccessibleDialogcomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-error-summary.wrn b/app/pages/components/accessible-error-summary.wrn
index cf809dc8..de1e0aae 100644
--- a/app/pages/components/accessible-error-summary.wrn
+++ b/app/pages/components/accessible-error-summary.wrn
@@ -10,10 +10,10 @@ page AccessibleErrorSummarycomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleErrorSummary
Reusable accessible error summary component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleErrorSummary
+ content componentAccessibleErrorSummary
Reusable accessible error summary component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleErrorSummary
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleErrorSummarycomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-icon.wrn b/app/pages/components/accessible-icon.wrn
index 737456fb..340573d3 100644
--- a/app/pages/components/accessible-icon.wrn
+++ b/app/pages/components/accessible-icon.wrn
@@ -10,10 +10,10 @@ page AccessibleIconcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleIcon
Reusable accessible icon component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleIcon
+ content componentAccessibleIcon
Reusable accessible icon component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleIcon
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleIconcomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-menu.wrn b/app/pages/components/accessible-menu.wrn
index a0fd5845..03e549eb 100644
--- a/app/pages/components/accessible-menu.wrn
+++ b/app/pages/components/accessible-menu.wrn
@@ -10,10 +10,10 @@ page AccessibleMenucomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentAccessibleMenu
Reusable accessible menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleMenu
+ overlays componentAccessibleMenu
Reusable accessible menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleMenu
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page AccessibleMenucomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-tabs.wrn b/app/pages/components/accessible-tabs.wrn
index 295b45c1..1140a8b6 100644
--- a/app/pages/components/accessible-tabs.wrn
+++ b/app/pages/components/accessible-tabs.wrn
@@ -10,10 +10,10 @@ page AccessibleTabscomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleTabs
Reusable accessible tabs component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleTabs
+ content componentAccessibleTabs
Reusable accessible tabs component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleTabs
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleTabscomponent {
}
}
-
+
}
diff --git a/app/pages/components/accessible-tooltip.wrn b/app/pages/components/accessible-tooltip.wrn
index 932230c1..716e63d0 100644
--- a/app/pages/components/accessible-tooltip.wrn
+++ b/app/pages/components/accessible-tooltip.wrn
@@ -10,10 +10,10 @@ page AccessibleTooltipcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccessibleTooltip
Reusable accessible tooltip component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleTooltip
+ content componentAccessibleTooltip
Reusable accessible tooltip component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccessibleTooltip
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AccessibleTooltipcomponent {
}
}
-
+
}
diff --git a/app/pages/components/accordion.wrn b/app/pages/components/accordion.wrn
index b4eb17bd..324ac886 100644
--- a/app/pages/components/accordion.wrn
+++ b/app/pages/components/accordion.wrn
@@ -10,10 +10,10 @@ page Accordioncomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAccordion
Reusable accordion component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Accordion
+ content componentAccordion
Reusable accordion component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Accordion
title="Question"
open="false"
/>
Legacy mount name: data-component="Accordion".
Props and attributes
Prop Type Requirement Default classstringOptional ""titlestringOptional "Question"openbooleanOptional false
Slots
default
Events
click
Source contract
Installed source: components/Accordion.wrn
component Accordion {
@@ -48,7 +48,7 @@ page Accordioncomponent {
}
}
-
+
}
diff --git a/app/pages/components/account-menu.wrn b/app/pages/components/account-menu.wrn
index 5493332c..2684d99a 100644
--- a/app/pages/components/account-menu.wrn
+++ b/app/pages/components/account-menu.wrn
@@ -10,10 +10,10 @@ page AccountMenucomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentAccountMenu
Reusable account menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccountMenu
+ overlays componentAccountMenu
Reusable account menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccountMenu
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page AccountMenucomponent {
}
}
-
+
}
diff --git a/app/pages/components/account-status-banner.wrn b/app/pages/components/account-status-banner.wrn
index be7868f7..1f540a13 100644
--- a/app/pages/components/account-status-banner.wrn
+++ b/app/pages/components/account-status-banner.wrn
@@ -10,10 +10,10 @@ page AccountStatusBannercomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentAccountStatusBanner
Reusable account status banner component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccountStatusBanner
+ feedback componentAccountStatusBanner
Reusable account status banner component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AccountStatusBanner
label="AccountStatus"
title="title"
description="description"
@@ -38,7 +38,7 @@ page AccountStatusBannercomponent {
}
}
-
+
}
diff --git a/app/pages/components/action-menu.wrn b/app/pages/components/action-menu.wrn
index 84027283..3de65b5a 100644
--- a/app/pages/components/action-menu.wrn
+++ b/app/pages/components/action-menu.wrn
@@ -10,10 +10,10 @@ page ActionMenucomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentActionMenu
Reusable action menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActionMenu
+ overlays componentActionMenu
Reusable action menu component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActionMenu
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page ActionMenucomponent {
}
}
-
+
}
diff --git a/app/pages/components/active-filter-list.wrn b/app/pages/components/active-filter-list.wrn
index 10a26328..6ad31129 100644
--- a/app/pages/components/active-filter-list.wrn
+++ b/app/pages/components/active-filter-list.wrn
@@ -10,10 +10,10 @@ page ActiveFilterListcomponent {
W WRNexusJS
-
+
Browse documentation
- data componentActiveFilterList
Reusable active filter list component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActiveFilterList
+ data componentActiveFilterList
Reusable active filter list component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActiveFilterList
title="title"
description="description"
empty="false"
@@ -40,7 +40,7 @@ page ActiveFilterListcomponent {
}
}
-
+
}
diff --git a/app/pages/components/activity-list.wrn b/app/pages/components/activity-list.wrn
index 46f9d294..49411b26 100644
--- a/app/pages/components/activity-list.wrn
+++ b/app/pages/components/activity-list.wrn
@@ -10,10 +10,10 @@ page ActivityListcomponent {
W WRNexusJS
-
+
Browse documentation
- data componentActivityList
Reusable activity list component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActivityList
+ data componentActivityList
Reusable activity list component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ActivityList
title="title"
description="description"
empty="false"
@@ -40,7 +40,7 @@ page ActivityListcomponent {
}
}
-
+
}
diff --git a/app/pages/components/add-on-card.wrn b/app/pages/components/add-on-card.wrn
index b8fbeb95..509dcc4f 100644
--- a/app/pages/components/add-on-card.wrn
+++ b/app/pages/components/add-on-card.wrn
@@ -10,10 +10,10 @@ page AddOnCardcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAddOnCard
Reusable add on card component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddOnCard
+ content componentAddOnCard
Reusable add on card component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddOnCard
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AddOnCardcomponent {
}
}
-
+
}
diff --git a/app/pages/components/address-input.wrn b/app/pages/components/address-input.wrn
index c4243c58..c8dc4433 100644
--- a/app/pages/components/address-input.wrn
+++ b/app/pages/components/address-input.wrn
@@ -10,10 +10,10 @@ page AddressInputcomponent {
W WRNexusJS
-
+
Browse documentation
- forms componentAddressInput
Reusable address input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddressInput
+ forms componentAddressInput
Reusable address input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddressInput
label="Address"
name="name"
value="value"
@@ -45,7 +45,7 @@ page AddressInputcomponent {
}
}
-
+
}
diff --git a/app/pages/components/address-preview.wrn b/app/pages/components/address-preview.wrn
index e2f68880..cf96bf5e 100644
--- a/app/pages/components/address-preview.wrn
+++ b/app/pages/components/address-preview.wrn
@@ -10,10 +10,10 @@ page AddressPreviewcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAddressPreview
Reusable address preview component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddressPreview
+ content componentAddressPreview
Reusable address preview component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AddressPreview
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AddressPreviewcomponent {
}
}
-
+
}
diff --git a/app/pages/components/advanced-filter-builder.wrn b/app/pages/components/advanced-filter-builder.wrn
index 6e4426ea..642b8abe 100644
--- a/app/pages/components/advanced-filter-builder.wrn
+++ b/app/pages/components/advanced-filter-builder.wrn
@@ -10,10 +10,10 @@ page AdvancedFilterBuildercomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAdvancedFilterBuilder
Reusable advanced filter builder component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AdvancedFilterBuilder
+ content componentAdvancedFilterBuilder
Reusable advanced filter builder component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AdvancedFilterBuilder
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page AdvancedFilterBuildercomponent {
}
}
-
+
}
diff --git a/app/pages/components/alert-dialog.wrn b/app/pages/components/alert-dialog.wrn
index a2840a5b..6783371b 100644
--- a/app/pages/components/alert-dialog.wrn
+++ b/app/pages/components/alert-dialog.wrn
@@ -10,10 +10,10 @@ page AlertDialogcomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentAlertDialog
Reusable alert dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AlertDialog
+ overlays componentAlertDialog
Reusable alert dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AlertDialog
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page AlertDialogcomponent {
}
}
-
+
}
diff --git a/app/pages/components/alert.wrn b/app/pages/components/alert.wrn
index ac566d9a..2314568b 100644
--- a/app/pages/components/alert.wrn
+++ b/app/pages/components/alert.wrn
@@ -10,10 +10,10 @@ page Alertcomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentAlert
Reusable alert component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Alert
+ feedback componentAlert
Reusable alert component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<Alert
title="Notice"
description="description"
variant="info"
@@ -62,7 +62,7 @@ page Alertcomponent {
}
}
-
+
}
diff --git a/app/pages/components/amount-input.wrn b/app/pages/components/amount-input.wrn
index 7383630d..19ca9f47 100644
--- a/app/pages/components/amount-input.wrn
+++ b/app/pages/components/amount-input.wrn
@@ -10,10 +10,10 @@ page AmountInputcomponent {
W WRNexusJS
-
+
Browse documentation
- forms componentAmountInput
Reusable amount input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AmountInput
+ forms componentAmountInput
Reusable amount input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AmountInput
label="Amount"
name="name"
value="value"
@@ -45,7 +45,7 @@ page AmountInputcomponent {
}
}
-
+
}
diff --git a/app/pages/components/analytics-dashboard-preview.wrn b/app/pages/components/analytics-dashboard-preview.wrn
index 88415f8b..6192910f 100644
--- a/app/pages/components/analytics-dashboard-preview.wrn
+++ b/app/pages/components/analytics-dashboard-preview.wrn
@@ -10,10 +10,10 @@ page AnalyticsDashboardPreviewcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentAnalyticsDashboardPreview
Reusable analytics dashboard preview component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnalyticsDashboardPreview
+ content componentAnalyticsDashboardPreview
Reusable analytics dashboard preview component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnalyticsDashboardPreview
eyebrow="eyebrow"
title="title"
description="description"
@@ -81,7 +81,7 @@ page AnalyticsDashboardPreviewcomponent {
}
}
-
+
}
diff --git a/app/pages/components/anchor-navigation.wrn b/app/pages/components/anchor-navigation.wrn
index 8df21378..1fb403c9 100644
--- a/app/pages/components/anchor-navigation.wrn
+++ b/app/pages/components/anchor-navigation.wrn
@@ -10,10 +10,10 @@ page AnchorNavigationcomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentAnchorNavigation
Reusable anchor navigation component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnchorNavigation
+ layout componentAnchorNavigation
Reusable anchor navigation component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnchorNavigation
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page AnchorNavigationcomponent {
}
}
-
+
}
diff --git a/app/pages/components/announcement-bar.wrn b/app/pages/components/announcement-bar.wrn
index b1dd8729..6f1f36eb 100644
--- a/app/pages/components/announcement-bar.wrn
+++ b/app/pages/components/announcement-bar.wrn
@@ -10,10 +10,10 @@ page AnnouncementBarcomponent {
W WRNexusJS
-
+
Browse documentation
- core componentAnnouncementBar
Reusable announcement bar component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnnouncementBar
+ core componentAnnouncementBar
Reusable announcement bar component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AnnouncementBar
badge="New"
message="WRNexusJS Organizations is now available."
description="Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."
@@ -21,13 +21,20 @@ page AnnouncementBarcomponent {
actionLabel="Explore organizations"
/>
Legacy mount name: data-component="AnnouncementBar".
Props and attributes
Prop Type Requirement Default classstringOptional ""badgestringOptional "New"messagestringOptional "WRNexusJS Organizations is now available."descriptionstringOptional "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."hrefstringOptional "/organizations"actionLabelstringOptional "Explore organizations"ariaLabelstringOptional "Announcement"
Slots
This component does not declare a slot.
Events
click
Source contract
Installed source: components/AnnouncementBar.wrn
component AnnouncementBar {
props {
- class = ""
- badge = "New"
- message = "WRNexusJS Organizations is now available."
- description = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."
- href = "/organizations"
- actionLabel = "Explore organizations"
- ariaLabel = "Announcement"
+ class: string = ""
+ badge: string = "New"
+ message: string = "WRNexusJS Organizations is now available."
+ description: string = "Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO."
+ href: string = "/organizations"
+ actionLabel: string = "Explore organizations"
+ ariaLabel: string = "Announcement"
+ badgeIcon: string = "icon-[lucide--sparkles]"
+ actionIcon: string = "icon-[lucide--arrow-right]"
+ dismissLabel: string = "Dismiss announcement"
+ showBadge: boolean = true
+ showDescription: boolean = true
+ showAction: boolean = true
+ dismissible: boolean = true
}
state visible = true
@@ -54,10 +61,10 @@ page AnnouncementBarcomponent {
>
<div class="flex min-w-0 flex-1 items-center justify-center gap-3">
<!-- Badge -->
- <span
+ <span data-show="showBadge"
class="hidden shrink-0 items-center gap-1.5 rounded-full bg-indigo-600 px-2.5 py-1 text-[10px] font-bold uppercase tracking-[0.12em] text-white shadow-sm sm:inline-flex"
>
- <span class="icon-[lucide--sparkles] h-3 w-3" aria-hidden="true" >
+ <span class="{badgeIcon} h-3 w-3" aria-hidden="true" >
</span>
{badge}
@@ -69,23 +76,23 @@ page AnnouncementBarcomponent {
<span class="font-semibold text-slate-950 dark:text-white">
{message}
</span>
- <span class="hidden md:inline">
+ <span data-show="showDescription" class="hidden md:inline">
{description}
</span>
</p>
<!-- CTA -->
- <a
+ <a data-show="showAction"
href="{href}"
class="group hidden shrink-0 items-center gap-1.5 text-xs font-bold text-indigo-700 transition hover:text-indigo-900 dark:text-indigo-300 dark:hover:text-indigo-200 sm:inline-flex"
>
{actionLabel}
- <span class="icon-[lucide--arrow-right] h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" aria-hidden="true" >
+ <span class="{actionIcon} h-3.5 w-3.5 transition-transform group-hover:translate-x-0.5" aria-hidden="true" >
</span>
</a>
</div>
<!-- Mobile CTA -->
- <a
+ <a data-show="showAction"
href="{href}"
aria-label="{actionLabel}"
class="grid h-8 w-8 shrink-0 place-items-center rounded-lg bg-indigo-100 text-indigo-700 transition hover:bg-indigo-200 dark:bg-indigo-500/15 dark:text-indigo-300 dark:hover:bg-indigo-500/25 sm:hidden"
@@ -94,10 +101,10 @@ page AnnouncementBarcomponent {
</span>
</a>
<!-- Close -->
- <button
+ <button data-show="dismissible"
type="button"
@click="visible = false"
- aria-label="Dismiss announcement"
+ aria-label="{dismissLabel}"
class="grid h-8 w-8 shrink-0 place-items-center rounded-lg text-slate-500 transition hover:bg-indigo-100 hover:text-slate-950 focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 dark:text-slate-400 dark:hover:bg-white/10 dark:hover:text-white"
>
<span class="icon-[lucide--x] h-4 w-4" aria-hidden="true" >
@@ -108,7 +115,7 @@ page AnnouncementBarcomponent {
}
}
-
+
}
diff --git a/app/pages/components/apartment-input.wrn b/app/pages/components/apartment-input.wrn
index 3cf87f9b..ec96ab3f 100644
--- a/app/pages/components/apartment-input.wrn
+++ b/app/pages/components/apartment-input.wrn
@@ -10,10 +10,10 @@ page ApartmentInputcomponent {
W WRNexusJS
-
+
Browse documentation
- forms componentApartmentInput
Reusable apartment input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApartmentInput
+ forms componentApartmentInput
Reusable apartment input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApartmentInput
label="Apartment"
name="name"
value="value"
@@ -45,7 +45,7 @@ page ApartmentInputcomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-authentication-notice.wrn b/app/pages/components/api-authentication-notice.wrn
index bda3efd0..b4592313 100644
--- a/app/pages/components/api-authentication-notice.wrn
+++ b/app/pages/components/api-authentication-notice.wrn
@@ -10,10 +10,10 @@ page ApiAuthenticationNoticecomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentApiAuthenticationNotice
Reusable api authentication notice component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiAuthenticationNotice
+ feedback componentApiAuthenticationNotice
Reusable api authentication notice component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiAuthenticationNotice
label="ApiAuthentication"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ApiAuthenticationNoticecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-endpoint-card.wrn b/app/pages/components/api-endpoint-card.wrn
index d08b537b..daa0abfa 100644
--- a/app/pages/components/api-endpoint-card.wrn
+++ b/app/pages/components/api-endpoint-card.wrn
@@ -10,10 +10,10 @@ page ApiEndpointCardcomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiEndpointCard
Reusable api endpoint card component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiEndpointCard
+ content componentApiEndpointCard
Reusable api endpoint card component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiEndpointCard
method="GET"
path="/api/example"
eyebrow="eyebrow"
@@ -61,7 +61,7 @@ page ApiEndpointCardcomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-error-example.wrn b/app/pages/components/api-error-example.wrn
index b8a64e30..0080c5ba 100644
--- a/app/pages/components/api-error-example.wrn
+++ b/app/pages/components/api-error-example.wrn
@@ -10,10 +10,10 @@ page ApiErrorExamplecomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiErrorExample
Reusable api error example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiErrorExample
+ content componentApiErrorExample
Reusable api error example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiErrorExample
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page ApiErrorExamplecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-header-table.wrn b/app/pages/components/api-header-table.wrn
index a077cc78..67586619 100644
--- a/app/pages/components/api-header-table.wrn
+++ b/app/pages/components/api-header-table.wrn
@@ -10,10 +10,10 @@ page ApiHeaderTablecomponent {
W WRNexusJS
-
+
Browse documentation
- data componentApiHeaderTable
Reusable api header table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiHeaderTable
+ data componentApiHeaderTable
Reusable api header table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiHeaderTable
title="title"
description="description"
empty="false"
@@ -40,7 +40,7 @@ page ApiHeaderTablecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-key-create-dialog.wrn b/app/pages/components/api-key-create-dialog.wrn
index b7d7cb8d..0ae53367 100644
--- a/app/pages/components/api-key-create-dialog.wrn
+++ b/app/pages/components/api-key-create-dialog.wrn
@@ -10,10 +10,10 @@ page ApiKeyCreateDialogcomponent {
W WRNexusJS
-
+
Browse documentation
- overlays componentApiKeyCreateDialog
Reusable api key create dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyCreateDialog
+ overlays componentApiKeyCreateDialog
Reusable api key create dialog component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyCreateDialog
title="title"
description="description"
open="false"
@@ -40,7 +40,7 @@ page ApiKeyCreateDialogcomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-key-display.wrn b/app/pages/components/api-key-display.wrn
index 9a7a409e..299afdf6 100644
--- a/app/pages/components/api-key-display.wrn
+++ b/app/pages/components/api-key-display.wrn
@@ -10,10 +10,10 @@ page ApiKeyDisplaycomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiKeyDisplay
Reusable api key display component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyDisplay
+ content componentApiKeyDisplay
Reusable api key display component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyDisplay
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page ApiKeyDisplaycomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-key-input.wrn b/app/pages/components/api-key-input.wrn
index c8c62b4d..76d9b61e 100644
--- a/app/pages/components/api-key-input.wrn
+++ b/app/pages/components/api-key-input.wrn
@@ -10,10 +10,10 @@ page ApiKeyInputcomponent {
W WRNexusJS
-
+
Browse documentation
- forms componentApiKeyInput
Reusable api key input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyInput
+ forms componentApiKeyInput
Reusable api key input component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiKeyInput
label="ApiKey"
name="name"
value="value"
@@ -45,7 +45,7 @@ page ApiKeyInputcomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-method-badge.wrn b/app/pages/components/api-method-badge.wrn
index a2032e11..30ded3ad 100644
--- a/app/pages/components/api-method-badge.wrn
+++ b/app/pages/components/api-method-badge.wrn
@@ -10,10 +10,10 @@ page ApiMethodBadgecomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentApiMethodBadge
Reusable api method badge component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiMethodBadge
+ feedback componentApiMethodBadge
Reusable api method badge component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiMethodBadge
label="ApiMethod"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ApiMethodBadgecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-parameter-table.wrn b/app/pages/components/api-parameter-table.wrn
index 03b50c75..74b6c6cc 100644
--- a/app/pages/components/api-parameter-table.wrn
+++ b/app/pages/components/api-parameter-table.wrn
@@ -10,10 +10,10 @@ page ApiParameterTablecomponent {
W WRNexusJS
-
+
Browse documentation
- data componentApiParameterTable
Reusable api parameter table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiParameterTable
+ data componentApiParameterTable
Reusable api parameter table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiParameterTable
title="title"
description="description"
empty="false"
@@ -40,7 +40,7 @@ page ApiParameterTablecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-rate-limit-notice.wrn b/app/pages/components/api-rate-limit-notice.wrn
index ae513e02..a9ef9912 100644
--- a/app/pages/components/api-rate-limit-notice.wrn
+++ b/app/pages/components/api-rate-limit-notice.wrn
@@ -10,10 +10,10 @@ page ApiRateLimitNoticecomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentApiRateLimitNotice
Reusable api rate limit notice component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiRateLimitNotice
+ feedback componentApiRateLimitNotice
Reusable api rate limit notice component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiRateLimitNotice
label="ApiRateLimit"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ApiRateLimitNoticecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-request-example.wrn b/app/pages/components/api-request-example.wrn
index b0b20624..71e64bb3 100644
--- a/app/pages/components/api-request-example.wrn
+++ b/app/pages/components/api-request-example.wrn
@@ -10,10 +10,10 @@ page ApiRequestExamplecomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiRequestExample
Reusable api request example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiRequestExample
+ content componentApiRequestExample
Reusable api request example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiRequestExample
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page ApiRequestExamplecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-response-example.wrn b/app/pages/components/api-response-example.wrn
index 54b5ae40..6a167ec0 100644
--- a/app/pages/components/api-response-example.wrn
+++ b/app/pages/components/api-response-example.wrn
@@ -10,10 +10,10 @@ page ApiResponseExamplecomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiResponseExample
Reusable api response example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiResponseExample
+ content componentApiResponseExample
Reusable api response example component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiResponseExample
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page ApiResponseExamplecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-schema-table.wrn b/app/pages/components/api-schema-table.wrn
index 27595a4a..9d29c4d5 100644
--- a/app/pages/components/api-schema-table.wrn
+++ b/app/pages/components/api-schema-table.wrn
@@ -10,10 +10,10 @@ page ApiSchemaTablecomponent {
W WRNexusJS
-
+
Browse documentation
- data componentApiSchemaTable
Reusable api schema table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiSchemaTable
+ data componentApiSchemaTable
Reusable api schema table component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiSchemaTable
title="title"
description="description"
empty="false"
@@ -40,7 +40,7 @@ page ApiSchemaTablecomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-schema-viewer.wrn b/app/pages/components/api-schema-viewer.wrn
index 01e7c6a7..068812b8 100644
--- a/app/pages/components/api-schema-viewer.wrn
+++ b/app/pages/components/api-schema-viewer.wrn
@@ -10,10 +10,10 @@ page ApiSchemaViewercomponent {
W WRNexusJS
-
+
Browse documentation
- content componentApiSchemaViewer
Reusable api schema viewer component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiSchemaViewer
+ content componentApiSchemaViewer
Reusable api schema viewer component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiSchemaViewer
eyebrow="eyebrow"
title="title"
description="description"
@@ -42,7 +42,7 @@ page ApiSchemaViewercomponent {
}
}
-
+
}
diff --git a/app/pages/components/api-version-badge.wrn b/app/pages/components/api-version-badge.wrn
index 353e14ca..a90e2518 100644
--- a/app/pages/components/api-version-badge.wrn
+++ b/app/pages/components/api-version-badge.wrn
@@ -10,10 +10,10 @@ page ApiVersionBadgecomponent {
W WRNexusJS
-
+
Browse documentation
- feedback componentApiVersionBadge
Reusable api version badge component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiVersionBadge
+ feedback componentApiVersionBadge
Reusable api version badge component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ApiVersionBadge
label="ApiVersion"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ApiVersionBadgecomponent {
}
}
-
+
}
diff --git a/app/pages/components/app-header.wrn b/app/pages/components/app-header.wrn
index 5c52cd02..0ece9841 100644
--- a/app/pages/components/app-header.wrn
+++ b/app/pages/components/app-header.wrn
@@ -10,10 +10,10 @@ page AppHeadercomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentAppHeader
Reusable app header component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AppHeader
+ layout componentAppHeader
Reusable app header component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AppHeader
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page AppHeadercomponent {
}
}
-
+
}
diff --git a/app/pages/components/architecture-section.wrn b/app/pages/components/architecture-section.wrn
index b6e5b8d5..fa49df55 100644
--- a/app/pages/components/architecture-section.wrn
+++ b/app/pages/components/architecture-section.wrn
@@ -10,10 +10,10 @@ page ArchitectureSectioncomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentArchitectureSection
Reusable architecture section component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArchitectureSection
+ layout componentArchitectureSection
Reusable architecture section component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArchitectureSection
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ArchitectureSectioncomponent {
}
}
-
+
}
diff --git a/app/pages/components/area-chart.wrn b/app/pages/components/area-chart.wrn
index 72cfd91d..f8616a75 100644
--- a/app/pages/components/area-chart.wrn
+++ b/app/pages/components/area-chart.wrn
@@ -10,10 +10,10 @@ page AreaChartcomponent {
W WRNexusJS
-
+
Browse documentation
- visualization componentAreaChart
Reusable area chart component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AreaChart
+ visualization componentAreaChart
Reusable area chart component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AreaChart
title="title"
value="value"
description="description"
@@ -45,7 +45,7 @@ page AreaChartcomponent {
}
}
-
+
}
diff --git a/app/pages/components/article-hero.wrn b/app/pages/components/article-hero.wrn
index 99d997b3..095f915e 100644
--- a/app/pages/components/article-hero.wrn
+++ b/app/pages/components/article-hero.wrn
@@ -10,10 +10,10 @@ page ArticleHerocomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentArticleHero
Reusable article hero component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleHero
+ layout componentArticleHero
Reusable article hero component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleHero
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ArticleHerocomponent {
}
}
-
+
}
diff --git a/app/pages/components/article-layout.wrn b/app/pages/components/article-layout.wrn
index a82a9419..ac162a90 100644
--- a/app/pages/components/article-layout.wrn
+++ b/app/pages/components/article-layout.wrn
@@ -10,10 +10,10 @@ page ArticleLayoutcomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentArticleLayout
Reusable article layout component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleLayout
+ layout componentArticleLayout
Reusable article layout component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleLayout
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ArticleLayoutcomponent {
}
}
-
+
}
diff --git a/app/pages/components/article-newsletter-cta.wrn b/app/pages/components/article-newsletter-cta.wrn
index cd83e1b1..8a682e32 100644
--- a/app/pages/components/article-newsletter-cta.wrn
+++ b/app/pages/components/article-newsletter-cta.wrn
@@ -10,10 +10,10 @@ page ArticleNewsletterCTAcomponent {
W WRNexusJS
-
+
Browse documentation
- actions componentArticleNewsletterCTA
Reusable article newsletter c t a component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleNewsletterCTA
+ actions componentArticleNewsletterCTA
Reusable article newsletter c t a component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleNewsletterCTA
label="Action"
href="href"
type="button"
@@ -38,7 +38,7 @@ page ArticleNewsletterCTAcomponent {
}
}
-
+
}
diff --git a/app/pages/components/article-page-shell.wrn b/app/pages/components/article-page-shell.wrn
index 015d8936..2916db14 100644
--- a/app/pages/components/article-page-shell.wrn
+++ b/app/pages/components/article-page-shell.wrn
@@ -10,10 +10,10 @@ page ArticlePageShellcomponent {
W WRNexusJS
-
+
Browse documentation
- layout componentArticlePageShell
Reusable article page shell component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticlePageShell
+ layout componentArticlePageShell
Reusable article page shell component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticlePageShell
eyebrow="eyebrow"
title="title"
description="description"
@@ -38,7 +38,7 @@ page ArticlePageShellcomponent {
}
}
-
+
}
diff --git a/app/pages/components/article-share-actions.wrn b/app/pages/components/article-share-actions.wrn
index d765206a..e4cd8381 100644
--- a/app/pages/components/article-share-actions.wrn
+++ b/app/pages/components/article-share-actions.wrn
@@ -10,10 +10,10 @@ page ArticleShareActionscomponent {
W WRNexusJS
-
+
Browse documentation
- actions componentArticleShareActions
Reusable article share actions component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleShareActions
+ actions componentArticleShareActions
Reusable article share actions component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<ArticleShareActions
label="Action"
href="href"
type="button"
@@ -38,7 +38,7 @@ page ArticleShareActionscomponent {
}
}
-
+
}
diff --git a/app/pages/components/aspect-ratio.wrn b/app/pages/components/aspect-ratio.wrn
index 317c04eb..33932977 100644
--- a/app/pages/components/aspect-ratio.wrn
+++ b/app/pages/components/aspect-ratio.wrn
@@ -10,10 +10,10 @@ page AspectRatiocomponent {
W WRNexusJS
-
+
Browse documentation
- core componentAspectRatio
Reusable aspect ratio component.
Usage
Components are auto-discovered. Use the component directly in any .wrn view:
<AspectRatio />
Legacy mount name: data-component="AspectRatio".
Props and attributes