docs: update portal for WRNexusJS 0.3.4
This commit is contained in:
+17
-16
@@ -1,7 +1,7 @@
|
||||
page Components {
|
||||
seo {
|
||||
title = "Components"
|
||||
description = "Browse all 901 themeable WRNexusJS UI components, props, slots, events, and examples."
|
||||
description = "Browse all 902 themeable WRNexusJS UI components, props, slots, events, and examples."
|
||||
}
|
||||
state query = ""
|
||||
state category = "All"
|
||||
@@ -12,10 +12,10 @@ 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.3.3</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.3.4</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>254</span></button><button type="button" @click="category = 'core'">Core<span>69</span></button><button type="button" @click="category = 'data'">Data<span>79</span></button><button type="button" @click="category = 'feedback'">Feedback<span>71</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>
|
||||
<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 · 902 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>902</span></button><button type="button" @click="category = 'actions'">Actions<span>64</span></button><button type="button" @click="category = 'content'">Content<span>254</span></button><button type="button" @click="category = 'core'">Core<span>70</span></button><button type="button" @click="category = 'data'">Data<span>79</span></button><button type="button" @click="category = 'feedback'">Feedback<span>71</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>
|
||||
<a class="component-card" href="/components/accessible-accordion" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'accessibleaccordion accessibleaccordion content reusable accessible accordion component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>AccessibleAccordion</h2><p>Reusable accessible accordion 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/accessible-carousel" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'accessiblecarousel accessiblecarousel content reusable accessible carousel component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>AccessibleCarousel</h2><p>Reusable accessible carousel 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/accessible-chart-summary" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'accessiblechartsummary accessiblechartsummary content reusable accessible chart summary component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>AccessibleChartSummary</h2><p>Reusable accessible chart summary 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>
|
||||
@@ -84,7 +84,7 @@ page Components {
|
||||
<a class="component-card" href="/components/avatar-upload" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'avatarupload avatarupload content reusable avatar upload component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>AvatarUpload</h2><p>Reusable avatar upload 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/back-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'backbutton backbutton actions reusable back button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>BackButton</h2><p>Reusable back button component.</p><div class="component-card-meta"><span>4 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/back-to-top" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'backtotop backtotop core reusable back to top component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>BackToTop</h2><p>Reusable back to top component.</p><div class="component-card-meta"><span>4 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/badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'badge badge feedback reusable badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>Badge</h2><p>Reusable badge component.</p><div class="component-card-meta"><span>3 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/badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'badge badge feedback reusable badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>Badge</h2><p>Reusable badge component.</p><div class="component-card-meta"><span>4 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/bank-transfer-details" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'banktransferdetails banktransferdetails content reusable bank transfer details component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>BankTransferDetails</h2><p>Reusable bank transfer details 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/banner" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'banner banner feedback reusable banner component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>Banner</h2><p>Reusable banner component.</p><div class="component-card-meta"><span>5 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/bar-chart" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'barchart barchart visualization reusable bar chart component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>BarChart</h2><p>Reusable bar chart 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>
|
||||
@@ -107,7 +107,7 @@ page Components {
|
||||
<a class="component-card" href="/components/budget-range-slider" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'budgetrangeslider budgetrangeslider content reusable budget range slider component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>BudgetRangeSlider</h2><p>Reusable budget range 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>
|
||||
<a class="component-card" href="/components/budget-selector" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'budgetselector budgetselector forms reusable budget selector component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>BudgetSelector</h2><p>Reusable budget 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/business-hours-picker" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'businesshourspicker businesshourspicker forms reusable business hours picker component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>BusinessHoursPicker</h2><p>Reusable business hours 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/button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'button button actions reusable button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>Button</h2><p>Reusable button 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/button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'button button actions reusable button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>Button</h2><p>Reusable button component.</p><div class="component-card-meta"><span>10 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/button-group" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'buttongroup buttongroup forms reusable button group component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ButtonGroup</h2><p>Reusable button group 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/button-selector" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'buttonselector buttonselector forms reusable button selector component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ButtonSelector</h2><p>Reusable button 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/calendar" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'calendar calendar content reusable calendar component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>Calendar</h2><p>Reusable calendar 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>
|
||||
@@ -137,11 +137,11 @@ page Components {
|
||||
<a class="component-card" href="/components/certification-badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'certificationbadge certificationbadge feedback reusable certification badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>CertificationBadge</h2><p>Reusable certification badge 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/challenge-section" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'challengesection challengesection layout reusable challenge section component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>ChallengeSection</h2><p>Reusable challenge section 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/channel-badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'channelbadge channelbadge feedback reusable channel badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>ChannelBadge</h2><p>Reusable channel badge 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/channel-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'channelcard channelcard content reusable channel card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ChannelCard</h2><p>Reusable channel card 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/channel-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'channelcard channelcard content reusable channel card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ChannelCard</h2><p>Reusable channel card 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/channel-comparison-chart" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'channelcomparisonchart channelcomparisonchart visualization reusable channel comparison chart component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>ChannelComparisonChart</h2><p>Reusable channel comparison chart 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/channel-comparison-table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'channelcomparisontable channelcomparisontable data reusable channel comparison table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>ChannelComparisonTable</h2><p>Reusable channel comparison table 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/channel-fallback-diagram" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'channelfallbackdiagram channelfallbackdiagram visualization reusable channel fallback diagram component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>ChannelFallbackDiagram</h2><p>Reusable channel fallback diagram 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/channel-flow" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'channelflow channelflow visualization reusable channel flow component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>ChannelFlow</h2><p>Reusable channel flow 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/channel-flow" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'channelflow channelflow visualization reusable channel flow component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>ChannelFlow</h2><p>Reusable channel flow component.</p><div class="component-card-meta"><span>1 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/channel-icon" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'channelicon channelicon content reusable channel icon component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ChannelIcon</h2><p>Reusable channel icon 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/channel-rate-table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'channelratetable channelratetable data reusable channel rate table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>ChannelRateTable</h2><p>Reusable channel rate table 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/channel-selector" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'channelselector channelselector forms reusable channel selector component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ChannelSelector</h2><p>Reusable channel 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>
|
||||
@@ -159,14 +159,14 @@ page Components {
|
||||
<a class="component-card" href="/components/clear-filters-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'clearfiltersbutton clearfiltersbutton actions reusable clear filters button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>ClearFiltersButton</h2><p>Reusable clear filters 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/clickable-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'clickablecard clickablecard content reusable clickable card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ClickableCard</h2><p>Reusable clickable card component.</p><div class="component-card-meta"><span>4 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/close-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'closebutton closebutton actions reusable close button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>CloseButton</h2><p>Reusable close button component.</p><div class="component-card-meta"><span>4 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/cluster" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'cluster cluster core reusable cluster component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>Cluster</h2><p>Reusable cluster component.</p><div class="component-card-meta"><span>2 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/cluster" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'cluster cluster core reusable cluster component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>Cluster</h2><p>Reusable cluster 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/code" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'code code content reusable code component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>Code</h2><p>Reusable code 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/code-block" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'codeblock codeblock content reusable code block component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>CodeBlock</h2><p>Reusable code block component.</p><div class="component-card-meta"><span>4 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/code-block" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'codeblock codeblock content reusable code block component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>CodeBlock</h2><p>Reusable code block component.</p><div class="component-card-meta"><span>5 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/code-copy-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'codecopybutton codecopybutton actions reusable code copy button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>CodeCopyButton</h2><p>Reusable code copy 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/code-header" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'codeheader codeheader layout reusable code header component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>CodeHeader</h2><p>Reusable code header 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/code-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'codeinput codeinput forms reusable code input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>CodeInput</h2><p>Reusable 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/code-language-badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'codelanguagebadge codelanguagebadge feedback reusable code language badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>CodeLanguageBadge</h2><p>Reusable code language badge 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/code-tabs" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'codetabs codetabs content reusable code tabs component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>CodeTabs</h2><p>Reusable code tabs 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/code-tabs" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'codetabs codetabs content reusable code tabs component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>CodeTabs</h2><p>Reusable code tabs 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/code-text" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'codetext codetext content reusable code text component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>CodeText</h2><p>Reusable code text component.</p><div class="component-card-meta"><span>3 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/cohort-chart" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'cohortchart cohortchart visualization reusable cohort chart component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>CohortChart</h2><p>Reusable cohort chart 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/color-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'colorgrid colorgrid data reusable color grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>ColorGrid</h2><p>Reusable color 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>
|
||||
@@ -513,7 +513,7 @@ page Components {
|
||||
<a class="component-card" href="/components/message-volume-slider" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'messagevolumeslider messagevolumeslider content reusable message volume slider component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>MessageVolumeSlider</h2><p>Reusable message volume 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>
|
||||
<a class="component-card" href="/components/metric" data-show="(category === 'All' ? true : category === 'visualization') ? (query === '' ? true : 'metric metric visualization reusable metric component.'.includes(query.toLowerCase())) : false"><span class="category">visualization</span><h2>Metric</h2><p>Reusable metric 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/metric-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'metriccard metriccard content reusable metric card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>MetricCard</h2><p>Reusable metric 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/metric-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'metricgrid metricgrid data reusable metric grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>MetricGrid</h2><p>Reusable metric grid 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>
|
||||
<a class="component-card" href="/components/metric-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'metricgrid metricgrid data reusable metric grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>MetricGrid</h2><p>Reusable metric grid component.</p><div class="component-card-meta"><span>5 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/metric-text" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'metrictext metrictext content reusable metric text component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>MetricText</h2><p>Reusable metric text component.</p><div class="component-card-meta"><span>3 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/minute-picker" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'minutepicker minutepicker forms reusable minute picker component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>MinutePicker</h2><p>Reusable minute 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/mission-section" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'missionsection missionsection layout reusable mission section component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>MissionSection</h2><p>Reusable mission section 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>
|
||||
@@ -604,12 +604,12 @@ page Components {
|
||||
<a class="component-card" href="/components/price-range-slider" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricerangeslider pricerangeslider content reusable price range slider component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PriceRangeSlider</h2><p>Reusable price range 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>
|
||||
<a class="component-card" href="/components/price-text" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricetext pricetext content reusable price text component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PriceText</h2><p>Reusable price text component.</p><div class="component-card-meta"><span>3 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/pricing-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricingcard pricingcard content reusable pricing card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PricingCard</h2><p>Reusable pricing 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/pricing-comparison-table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'pricingcomparisontable pricingcomparisontable data reusable pricing comparison table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PricingComparisonTable</h2><p>Reusable pricing comparison table component.</p><div class="component-card-meta"><span>4 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/pricing-comparison-table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'pricingcomparisontable pricingcomparisontable data reusable pricing comparison table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PricingComparisonTable</h2><p>Reusable pricing comparison table component.</p><div class="component-card-meta"><span>5 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/pricing-contact-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricingcontactform pricingcontactform content reusable pricing contact form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PricingContactForm</h2><p>Reusable pricing contact 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/pricing-feature-group" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'pricingfeaturegroup pricingfeaturegroup forms reusable pricing feature group component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PricingFeatureGroup</h2><p>Reusable pricing feature group 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/pricing-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'pricinggrid pricinggrid data reusable pricing grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PricingGrid</h2><p>Reusable pricing 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/pricing-hero" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'pricinghero pricinghero layout reusable pricing hero component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>PricingHero</h2><p>Reusable pricing hero 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/pricing-plan-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricingplancard pricingplancard content reusable pricing plan card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PricingPlanCard</h2><p>Reusable pricing plan 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/pricing-plan-card" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'pricingplancard pricingplancard content reusable pricing plan card component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>PricingPlanCard</h2><p>Reusable pricing plan card component.</p><div class="component-card-meta"><span>9 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/pricing-table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'pricingtable pricingtable data reusable pricing table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>PricingTable</h2><p>Reusable pricing table 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/pricing-toggle" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'pricingtoggle pricingtoggle forms reusable pricing toggle component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>PricingToggle</h2><p>Reusable pricing 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>
|
||||
<a class="component-card" href="/components/primary-button" data-show="(category === 'All' ? true : category === 'actions') ? (query === '' ? true : 'primarybutton primarybutton actions reusable primary button component.'.includes(query.toLowerCase())) : false"><span class="category">actions</span><h2>PrimaryButton</h2><p>Reusable primary button component.</p><div class="component-card-meta"><span>4 props</span><span>1 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -634,7 +634,7 @@ page Components {
|
||||
<a class="component-card" href="/components/product-page-shell" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'productpageshell productpageshell layout reusable product page shell component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>ProductPageShell</h2><p>Reusable product page shell 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/product-selector" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'productselector productselector forms reusable product selector component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>ProductSelector</h2><p>Reusable product 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/products-mega-menu" data-show="(category === 'All' ? true : category === 'overlays') ? (query === '' ? true : 'productsmegamenu productsmegamenu overlays reusable products mega menu component.'.includes(query.toLowerCase())) : false"><span class="category">overlays</span><h2>ProductsMegaMenu</h2><p>Reusable products mega menu 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>
|
||||
<a class="component-card" href="/components/product-status-badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'productstatusbadge productstatusbadge feedback reusable product status badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>ProductStatusBadge</h2><p>Reusable product status badge component.</p><div class="component-card-meta"><span>3 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/product-status-badge" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'productstatusbadge productstatusbadge feedback reusable product status badge component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>ProductStatusBadge</h2><p>Reusable product status badge 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>
|
||||
<a class="component-card" href="/components/product-use-case-list" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'productusecaselist productusecaselist data reusable product use case list component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>ProductUseCaseList</h2><p>Reusable product use case 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/progress" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'progress progress core reusable progress component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>progress</h2><p>Reusable progress 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>
|
||||
<a class="component-card" href="/components/progress-bar" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'progressbar progressbar core reusable progress bar component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>ProgressBar</h2><p>Reusable progress bar component.</p><div class="component-card-meta"><span>5 props</span><span>0 slots</span><span>0 events</span></div><span class="card-link">View component →</span></a>
|
||||
@@ -743,6 +743,7 @@ page Components {
|
||||
<a class="component-card" href="/components/security-pillar-grid" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'securitypillargrid securitypillargrid data reusable security pillar grid component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>SecurityPillarGrid</h2><p>Reusable security pillar 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/security-practice-list" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'securitypracticelist securitypracticelist data reusable security practice list component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>SecurityPracticeList</h2><p>Reusable security practice 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/security-report-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'securityreportform securityreportform content reusable security report form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>SecurityReportForm</h2><p>Reusable security report 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/segmented-button-group" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'segmentedbuttongroup segmentedbuttongroup core reusable segmented button group component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>SegmentedButtonGroup</h2><p>Reusable segmented button group component.</p><div class="component-card-meta"><span>6 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/select" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'select select core reusable select component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>Select</h2><p>Reusable select 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/sender-id-input" data-show="(category === 'All' ? true : category === 'forms') ? (query === '' ? true : 'senderidinput senderidinput forms reusable sender id input component.'.includes(query.toLowerCase())) : false"><span class="category">forms</span><h2>SenderIdInput</h2><p>Reusable sender id 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/server-error-page" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'servererrorpage servererrorpage content reusable server error page component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>ServerErrorPage</h2><p>Reusable server error page 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>
|
||||
@@ -813,7 +814,7 @@ page Components {
|
||||
<a class="component-card" href="/components/support-request-form" data-show="(category === 'All' ? true : category === 'content') ? (query === '' ? true : 'supportrequestform supportrequestform content reusable support request form component.'.includes(query.toLowerCase())) : false"><span class="category">content</span><h2>SupportRequestForm</h2><p>Reusable support request 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/surface" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'surface surface core reusable surface component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>Surface</h2><p>Reusable surface 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/switch" data-show="(category === 'All' ? true : category === 'core') ? (query === '' ? true : 'switch switch core reusable switch component.'.includes(query.toLowerCase())) : false"><span class="category">core</span><h2>Switch</h2><p>Reusable switch 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/table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'table table data reusable table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>Table</h2><p>Reusable table component.</p><div class="component-card-meta"><span>3 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/table" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'table table data reusable table component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>Table</h2><p>Reusable table 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/table-header" data-show="(category === 'All' ? true : category === 'layout') ? (query === '' ? true : 'tableheader tableheader layout reusable table header component.'.includes(query.toLowerCase())) : false"><span class="category">layout</span><h2>TableHeader</h2><p>Reusable table header 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/table-row" data-show="(category === 'All' ? true : category === 'data') ? (query === '' ? true : 'tablerow tablerow data reusable table row component.'.includes(query.toLowerCase())) : false"><span class="category">data</span><h2>TableRow</h2><p>Reusable table row 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/table-skeleton" data-show="(category === 'All' ? true : category === 'feedback') ? (query === '' ? true : 'tableskeleton tableskeleton feedback reusable table skeleton component.'.includes(query.toLowerCase())) : false"><span class="category">feedback</span><h2>TableSkeleton</h2><p>Reusable table skeleton 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>
|
||||
@@ -916,7 +917,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.3.3</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.3.4</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