WRNexusJSDoc/app/pages/packages/ui.wrn

page wrnexusui {
  seo {
    title = "@wrnexus/ui"
    description = "Themeable server-rendered UI components and CSS."
  }

  view {
    <div class="docs-shell">
      <a class="skip-link" href="#main">Skip to content</a>
      <header class="topbar">
        <a class="brand" href="/"><span>W</span> WRNexusJS</a>
        <nav aria-label="Primary"><a href="/getting-started">Get started</a><a href="/packages">Packages</a><a href="/language">Language</a><a href="/architecture">Architecture</a></nav>
        <div class="topbar-actions"><a class="preview-pill" href="/access">Private preview · v0.2.59</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="/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 class="page package-page">
      <aside class="sidebar"><a href="/packages">← All packages</a><span class="category">Frontend</span><h2>@wrnexus/ui</h2><p>Themeable server-rendered UI components and CSS.</p><span class="status status-beta">Private preview · 0.2.59</span><nav><a href="#access">Access</a><a href="#guide">Guide</a><a href="#api">Complete API</a></nav></aside>
      <article id="main" class="documentation"><section class="doc-intro"><span class="eyebrow">Frontend · Preview</span><h1>@wrnexus/ui</h1><p>Themeable server-rendered UI components and CSS.</p><section id="access" class="access-callout"><h2>Private registry access required</h2><p>This package is not available from the public npm registry. After WorkRoot approves access and supplies private registry instructions, install the release-aligned package:</p><pre><code>bun add @wrnexus/ui@0.2.59</code><button type="button" class="copy-button" aria-label="Copy installation command">Copy</button></pre><p><a href="/access">Request preview access</a>. Never put registry tokens in source control.</p></section></section><section id="guide" class="prose"><blockquote>First-party Wire UI component library — a set of themeable <code>.wrn</code> components plus a single tokenized stylesheet.</blockquote>
<p>Part of the <strong>WRNexusJS</strong> framework — an SSR-first, Bun-native full-stack web framework.</p>
<h3 id="overview">Overview</h3>
<p><code>@wrnexus/ui</code> ships a library of server-rendered <code>.wrn</code> components (layout, form controls, and feedback UI) together with one themeable stylesheet, <code>ui.css</code>. The components are <strong>auto-discovered</strong> by the framework router — you don't import them in code. Once the package's component directory is on the router's scan path, you mount any component in a page with <code>data-component=&quot;&lt;name&gt;&quot;</code>. Every visual is driven by <code>var(--wire-*)</code> theme tokens, so components restyle instantly when the theme changes. The tiny JS surface (<code>src/index.ts</code>) exists only so the toolchain (CLI build + dev server) can locate the component directory and stylesheet.</p>
<p>The complete PDF-aligned catalog currently contains <strong>891 components</strong>. The generated <code>COMPONENTS.md</code> and <code>component-reference.json</code> files document every mount name, prop, inferred type, default/required status, slot, event, category, and source file directly from the packaged <code>.wrn</code> source.</p>
<pre data-language="bash"><code>bun add @wrnexus/ui</code></pre>
<blockquote>Private package — the machine must be authenticated to the <code>wrnexus</code> npm org</blockquote>
<blockquote>(a read token in <code>~/.npmrc</code>). Requires <strong>Bun</strong> (Node is not supported).</blockquote>
<p>In practice you rarely install this directly: <code>@wrnexus/cli</code> and <code>@wrnexus/dev-server</code> already depend on it and wire it into the router for you (see [Auto-discovery](#auto-discovery)).</p>
<h3 id="components">Components</h3>
<p>Components live as <code>.wrn</code> files under <code>packages/ui/components/</code>. The mount name is the <strong>lowercase file basename</strong> (e.g. <code>button.wrn</code> → <code>data-component=&quot;button&quot;</code>). Each accepts a <code>class</code> prop (appended to its root element) and most render their body from either a named prop or the default slot.</p>
<h4 id="layout">Layout</h4>
<div class="table-wrap"><table>
<thead><tr><th>Name</th><th>Purpose</th><th>Key props</th></tr></thead>
<tbody><tr><td><code>container</code></td><td>Max-width centered content wrapper</td><td><code>class</code></td></tr><tr><td><code>stack</code></td><td>Vertical column with gap</td><td><code>gap</code> (0–8)</td></tr><tr><td><code>hstack</code></td><td>Horizontal row with gap</td><td><code>gap</code> (0–8)</td></tr><tr><td><code>grid</code></td><td>CSS grid container</td><td>see source</td></tr><tr><td><code>divider</code></td><td>Horizontal rule</td><td><code>class</code></td></tr><tr><td><code>spacer</code></td><td>Flexible/empty spacing element</td><td>see source</td></tr></tbody></table></div>
<h4 id="core-feedback">Core / feedback</h4>
<div class="table-wrap"><table>
<thead><tr><th>Name</th><th>Purpose</th><th>Key props</th></tr></thead>
<tbody><tr><td><code>button</code></td><td>Button</td><td><code>label</code>, <code>variant</code> (<code>default</code>\</td><td><code>primary</code>\</td><td><code>danger</code>\</td><td><code>ghost</code>), <code>size</code> (<code>sm</code>\</td><td><code>md</code>\</td><td><code>lg</code>), <code>type</code></td></tr><tr><td><code>input</code></td><td>Text input</td><td>see source</td></tr><tr><td><code>textarea</code></td><td>Multi-line input</td><td>see source</td></tr><tr><td><code>checkbox</code></td><td>Checkbox</td><td>see source</td></tr><tr><td><code>badge</code></td><td>Small status badge</td><td><code>label</code>, <code>variant</code></td></tr><tr><td><code>alert</code></td><td>Callout box</td><td><code>variant</code> (<code>info</code>\</td><td><code>success</code>\</td><td><code>danger</code>\</td><td><code>warning</code>), <code>title</code>, <code>message</code></td></tr><tr><td><code>card</code></td><td>Padded, bordered surface</td><td><code>class</code></td></tr><tr><td><code>avatar</code></td><td>User avatar</td><td>see source</td></tr><tr><td><code>spinner</code></td><td>Loading indicator</td><td>see source</td></tr><tr><td><code>disclosure</code></td><td>Expandable details/summary</td><td>see source</td></tr><tr><td><code>theme-toggle</code></td><td>Theme switch button (binds <code>data-wire-theme-toggle</code>)</td><td><code>label</code></td></tr></tbody></table></div>
<h4 id="additional-controls-data-display">Additional controls &amp; data display</h4>
<p>Also shipped: <code>select</code>, <code>radio</code>, <code>switch</code>, <code>progress</code>, <code>tag</code>, <code>skeleton</code>, <code>tooltip</code>, <code>table</code>, <code>FAQAccordion</code>, <code>AnnouncementBar</code>, and <code>BackToTop</code>.</p>
<p>The PDF-defined minimum release and essential build-first set also includes typed typography, form primitives, loading actions, combobox and multi-select, time/date-time and recurring schedule controls, confirmation dialogs, data tables, filters, desktop/mobile navigation, mega menus, marketing/product/legal page shells, product and metric cards, FAQ composition, pricing comparison, SDK tabs, legal navigation, and cookie preferences.</p>
<p><code>Seo</code> and <code>StructuredData</code> remain framework/page concerns rather than body components: use the native page <code>seo &#123; ... &#125;</code> block and document-head APIs so metadata is emitted in <code>&lt;head&gt;</code> instead of invalid component markup.</p>
<p>The authoritative, always-current list is <code>uiComponentNames()</code> (below), which reads the component directory at runtime.</p>
<p>For the full catalog, see [<code>COMPONENTS.md</code>](./COMPONENTS.md). The machine-readable equivalent is exported as <code>@wrnexus/ui/component-reference.json</code>.</p>
<h3 id="api">API</h3>
<p>The JS module (<code>@wrnexus/ui</code>) exposes four helpers used by the build tooling to locate the component assets. There is no component code to import — the components are <code>.wrn</code> files rendered server-side.</p>
<div class="table-wrap"><table>
<thead><tr><th>Export</th><th>Signature</th><th>Returns</th></tr></thead>
<tbody><tr><td><code>uiComponentsDir</code></td><td><code>() =&gt; string</code></td><td>Absolute path to the <code>.wrn</code> component directory (feed to <code>buildRouter</code>'s <code>componentDirs</code>).</td></tr><tr><td><code>uiCssPath</code></td><td><code>() =&gt; string</code></td><td>Absolute path to <code>ui.css</code>.</td></tr><tr><td><code>uiCss</code></td><td><code>() =&gt; string</code></td><td>The <code>ui.css</code> file contents (all <code>.wire-*</code> classes, themed via tokens).</td></tr><tr><td><code>uiComponentNames</code></td><td><code>() =&gt; string[]</code></td><td>Sorted list of built-in component names (e.g. for <code>wrnexus eject</code> listing).</td></tr></tbody></table></div>
<h4 id="ui-css-asset-export"><code>./ui.css</code> asset export</h4>
<p><code>package.json</code> also exposes the raw stylesheet as a subpath asset:</p>
<pre data-language="json"><code>&quot;exports&quot;: &#123;
  &quot;.&quot;: &quot;./src/index.ts&quot;,
  &quot;./ui.css&quot;: &quot;./ui.css&quot;
&#125;</code></pre>
<p>The framework serves this stylesheet once at <code>/__wrnexus/ui.css</code>, so pages get all component styles from a single request.</p>
<h4 id="tailwind-and-motion">Tailwind and motion</h4>
<p>Components use static Tailwind utility classes alongside the shared <code>.wire-*</code> layer. If the package is consumed by a separate Tailwind build, include its component sources so every utility is generated:</p>
<pre data-language="css"><code>@import &quot;tailwindcss&quot;;
@source &quot;../node_modules/@wrnexus/ui/components/*.wrn&quot;;</code></pre>
<p>The shared stylesheet gives all component boundaries consistent, GPU-friendly entry and interaction motion. Override <code>--wire-motion-fast</code>, <code>--wire-motion-base</code>, <code>--wire-motion-slow</code>, <code>--wire-ease-standard</code>, or <code>--wire-ease-emphasized</code> to tune it. Hover lift is limited to precise pointing devices and <code>prefers-reduced-motion</code> is honored automatically.</p>
<h3 id="usage">Usage</h3>
<h4 id="auto-discovery">Auto-discovery</h4>
<p>The router scans extra <code>componentDirs</code> (in addition to the app's own <code>app/components</code>) and keys components by name. Library dirs are scanned <strong>first</strong> and <code>app/components</code> <strong>last</strong>, so an app component of the same name shadows the library's. The CLI build (<code>@wrnexus/cli</code>) and dev server (<code>@wrnexus/dev-server</code>) both wire the UI directory in for you:</p>
<pre data-language="ts"><code>import &#123; buildRouter &#125; from &quot;@wrnexus/router&quot;;
import &#123; uiComponentsDir &#125; from &quot;@wrnexus/ui&quot;;

const router = buildRouter(appDir, &#123; componentDirs: [uiComponentsDir()] &#125;);</code></pre>
<h4 id="mounting-components-in-a-page">Mounting components in a page</h4>
<p>Once discovered, mount any component by name via <code>data-component</code>. Quoted attributes (other than <code>data-component</code>) become string props:</p>
<pre data-language="html"><code>&lt;div data-component=&quot;card&quot;&gt;
  &lt;div data-component=&quot;badge&quot; label=&quot;New&quot;&gt;&lt;/div&gt;
  &lt;button data-component=&quot;button&quot; label=&quot;Save&quot; variant=&quot;primary&quot; size=&quot;lg&quot;&gt;&lt;/button&gt;
  &lt;div data-component=&quot;alert&quot; variant=&quot;success&quot; title=&quot;Done&quot; message=&quot;Saved.&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</code></pre>
<h3 id="overrides">Overrides</h3>
<p>Ways to customize the components, in increasing order of power:</p>
<p>1. <strong>Theme tokens</strong> — override CSS custom properties such as <code>--wire-color-primary</code>, <code>--wire-color-surface</code>, <code>--wire-radius-sm</code>, etc. Every component style resolves through <code>var(--wire-*)</code>, so changing a token restyles everything instantly (including across theme switches). 2. <strong>App CSS</strong> — redefine a <code>.wire-*</code> class in your own stylesheet, which is loaded after <code>ui.css</code> and therefore wins. 3. <strong><code>class</code> prop</strong> — pass a <code>class</code> prop to a component; it is appended to the component's root element, letting you add per-instance classes without touching the base styles. 4. <strong><code>wrnexus eject &lt;name&gt;</code></strong> — copy the component's <code>.wrn</code> source into your <code>app/components</code>, where (because app components shadow library ones) you fully own and can edit it. Use <code>uiComponentNames()</code> for the list of ejectable names.</p>
<h3 id="requirements-notes">Requirements / Notes</h3>
<ul>
<li><strong>Bun-only</strong> — the package uses standard fs/path/url APIs but is published and</li>
<p>consumed within the Bun-native WRNexusJS toolchain (Node is not supported).</p>
<li>Peer packages: components are discovered and rendered by</li>
<p>[<code>@wrnexus/router</code>](../router) (via <code>componentDirs</code>) and served by [<code>@wrnexus/dev-server</code>](../dev-server) / built by [<code>@wrnexus/cli</code>](../cli).</p>
<li>Depends on [<code>@wrnexus/core</code>](../core) (<code>dependencies</code>).</li>
<li><code>theme-toggle</code> relies on the framework's theme runtime, which binds the</li>
<p><code>data-wire-theme-toggle</code> attribute — no per-component JS is required.</p>
</ul></section><section id="api" class="prose api"><h2>Complete TypeScript API</h2><p>This declaration comes from the exact installed package and lists its exported functions, classes, interfaces, and types.</p><pre data-language="typescript"><code>/**
 * @wrnexus/ui — the Wire UI component library.
 *
 * Components are `.wrn` files under `components/`, auto-discovered by the
 * framework (the router scans this directory in addition to the app's own
 * `app/components`). Mount them in any page with `data-component=&quot;&lt;name&gt;&quot;`.
 * Their styles live in a single themeable stylesheet, `ui.css`, served once at
 * `/__wrnexus/ui.css` — every class uses `var(--wire-*)` theme tokens.
 *
 * Override, in increasing order of power:
 *   1. theme tokens (change `--wire-color-primary`, etc.)
 *   2. redefine a `.wire-*` class in your own CSS (loaded after ui.css)
 *   3. pass a `class` prop (appended to the component root)
 *   4. `wrnexus eject &lt;name&gt;` to copy the component into `app/components` and own it
 */
/** Absolute path to the directory of Wire UI component `.wrn` files. */
declare function uiComponentsDir(): string;
/** Absolute path to the Wire UI stylesheet. */
declare function uiCssPath(): string;
/** The Wire UI stylesheet contents (all `.wire-*` classes, themed via tokens). */
declare function uiCss(): string;
/** Names of the built-in components (e.g. for `wrnexus eject` listing). */
declare function uiComponentNames(): string[];

export &#123; uiComponentNames, uiComponentsDir, uiCss, uiCssPath &#125;;
</code></pre></section><section id="examples" class="prose examples"><h2>Examples</h2><p>Examples are taken from this package's installed documentation and must be evaluated with its requirements and stability notes.</p><div class="example-grid"><article class="example-card"><h3>Auto-discovery</h3><pre data-language="ts"><code>import &#123; buildRouter &#125; from &quot;@wrnexus/router&quot;;
import &#123; uiComponentsDir &#125; from &quot;@wrnexus/ui&quot;;

const router = buildRouter(appDir, &#123; componentDirs: [uiComponentsDir()] &#125;);</code></pre></article><article class="example-card"><h3>Mounting components in a page</h3><pre data-language="html"><code>&lt;div data-component=&quot;card&quot;&gt;
  &lt;div data-component=&quot;badge&quot; label=&quot;New&quot;&gt;&lt;/div&gt;
  &lt;button data-component=&quot;button&quot; label=&quot;Save&quot; variant=&quot;primary&quot; size=&quot;lg&quot;&gt;&lt;/button&gt;
  &lt;div data-component=&quot;alert&quot; variant=&quot;success&quot; title=&quot;Done&quot; message=&quot;Saved.&quot;&gt;&lt;/div&gt;
&lt;/div&gt;</code></pre></article></div></section><section id="components" class="prose ui-component-reference"><h2>All 891 UI components and props</h2><p>This reference is generated from the exact installed <code>.wrn</code> sources. Required props have no default; optional props show their default value.</p><h3>Actions</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AcceptAllCookiesButton</strong><br><code>data-component=&quot;AcceptAllCookiesButton&quot;</code><br><small>Reusable accept all cookies button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleNewsletterCTA</strong><br><code>data-component=&quot;ArticleNewsletterCTA&quot;</code><br><small>Reusable article newsletter c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleShareActions</strong><br><code>data-component=&quot;ArticleShareActions&quot;</code><br><small>Reusable article share actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BackButton</strong><br><code>data-component=&quot;BackButton&quot;</code><br><small>Reusable back button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Button</strong><br><code>data-component=&quot;Button&quot;</code><br><small>Reusable button component.</small></td><td><code>label: string = &quot;Button&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>size: string = &quot;md&quot;</code><br><code>disabled: boolean = false</code><br><code>loading: boolean = false</code><br><code>icon: string = &quot;&quot;</code><br><code>className: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>CenteredCTA</strong><br><code>data-component=&quot;CenteredCTA&quot;</code><br><small>Reusable centered c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ClearFiltersButton</strong><br><code>data-component=&quot;ClearFiltersButton&quot;</code><br><small>Reusable clear filters button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CloseButton</strong><br><code>data-component=&quot;CloseButton&quot;</code><br><small>Reusable close button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeCopyButton</strong><br><code>data-component=&quot;CodeCopyButton&quot;</code><br><small>Reusable code copy button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactCTA</strong><br><code>data-component=&quot;ContactCTA&quot;</code><br><small>Reusable contact c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactSalesButton</strong><br><code>data-component=&quot;ContactSalesButton&quot;</code><br><small>Reusable contact sales button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CopyButton</strong><br><code>data-component=&quot;CopyButton&quot;</code><br><small>Reusable copy button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CopyCodeButton</strong><br><code>data-component=&quot;CopyCodeButton&quot;</code><br><small>Reusable copy code button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DangerButton</strong><br><code>data-component=&quot;DangerButton&quot;</code><br><small>Reusable danger button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeveloperCTA</strong><br><code>data-component=&quot;DeveloperCTA&quot;</code><br><small>Reusable developer c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DoNotSellLink</strong><br><code>data-component=&quot;DoNotSellLink&quot;</code><br><small>Reusable do not sell link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DownloadAction</strong><br><code>data-component=&quot;DownloadAction&quot;</code><br><small>Reusable download action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DownloadButton</strong><br><code>data-component=&quot;DownloadButton&quot;</code><br><small>Reusable download button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DownloadPolicyButton</strong><br><code>data-component=&quot;DownloadPolicyButton&quot;</code><br><small>Reusable download policy button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EnterpriseCTA</strong><br><code>data-component=&quot;EnterpriseCTA&quot;</code><br><small>Reusable enterprise c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorActions</strong><br><code>data-component=&quot;ErrorActions&quot;</code><br><small>Reusable error actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorSupportLink</strong><br><code>data-component=&quot;ErrorSupportLink&quot;</code><br><small>Reusable error support link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ExternalLink</strong><br><code>data-component=&quot;ExternalLink&quot;</code><br><small>Reusable external link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FieldActions</strong><br><code>data-component=&quot;FieldActions&quot;</code><br><small>Reusable field actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FinalCTA</strong><br><code>data-component=&quot;FinalCTA&quot;</code><br><small>Reusable final c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormActions</strong><br><code>data-component=&quot;FormActions&quot;</code><br><small>Reusable form actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GhostButton</strong><br><code>data-component=&quot;GhostButton&quot;</code><br><small>Reusable ghost button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GradientCTA</strong><br><code>data-component=&quot;GradientCTA&quot;</code><br><small>Reusable gradient c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeaderActions</strong><br><code>data-component=&quot;HeaderActions&quot;</code><br><small>Reusable header actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroActions</strong><br><code>data-component=&quot;HeroActions&quot;</code><br><small>Reusable hero actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroPrimaryAction</strong><br><code>data-component=&quot;HeroPrimaryAction&quot;</code><br><small>Reusable hero primary action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroSecondaryAction</strong><br><code>data-component=&quot;HeroSecondaryAction&quot;</code><br><small>Reusable hero secondary action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IconButton</strong><br><code>data-component=&quot;IconButton&quot;</code><br><small>Reusable icon button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>icon: string = &quot;•&quot;</code><br><code>variant: string = &quot;ghost&quot;</code><br><code>disabled: boolean = false</code></td><td>None</td><td>None</td></tr><tr><td><strong>LegalPrintButton</strong><br><code>data-component=&quot;LegalPrintButton&quot;</code><br><small>Reusable legal print button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LinkButton</strong><br><code>data-component=&quot;LinkButton&quot;</code><br><small>Reusable link button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LoadingButton</strong><br><code>data-component=&quot;LoadingButton&quot;</code><br><small>Reusable loading button component.</small></td><td><code>label: string = &quot;Continue&quot;</code><br><code>loadingLabel: string = &quot;Loading…&quot;</code><br><code>loading: boolean = false</code><br><code>disabled: boolean = false</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>LocalizedRouteLink</strong><br><code>data-component=&quot;LocalizedRouteLink&quot;</code><br><small>Reusable localized route link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MobileMenuButton</strong><br><code>data-component=&quot;MobileMenuButton&quot;</code><br><small>Reusable mobile menu button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NewsletterCTA</strong><br><code>data-component=&quot;NewsletterCTA&quot;</code><br><small>Reusable newsletter c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OpenAPICTA</strong><br><code>data-component=&quot;OpenAPICTA&quot;</code><br><small>Reusable open a p i c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PasskeyButton</strong><br><code>data-component=&quot;PasskeyButton&quot;</code><br><small>Reusable passkey button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlanCTA</strong><br><code>data-component=&quot;PlanCTA&quot;</code><br><small>Reusable plan c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PostmanCTA</strong><br><code>data-component=&quot;PostmanCTA&quot;</code><br><small>Reusable postman c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PrimaryButton</strong><br><code>data-component=&quot;PrimaryButton&quot;</code><br><small>Reusable primary button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PrintAction</strong><br><code>data-component=&quot;PrintAction&quot;</code><br><small>Reusable print action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PrintPolicyButton</strong><br><code>data-component=&quot;PrintPolicyButton&quot;</code><br><small>Reusable print policy button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductCTA</strong><br><code>data-component=&quot;ProductCTA&quot;</code><br><small>Reusable product c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RejectOptionalCookiesButton</strong><br><code>data-component=&quot;RejectOptionalCookiesButton&quot;</code><br><small>Reusable reject optional cookies button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ReopenCookieSettingsButton</strong><br><code>data-component=&quot;ReopenCookieSettingsButton&quot;</code><br><small>Reusable reopen cookie settings button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResponsibleDisclosureCTA</strong><br><code>data-component=&quot;ResponsibleDisclosureCTA&quot;</code><br><small>Reusable responsible disclosure c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SaveCookiePreferencesButton</strong><br><code>data-component=&quot;SaveCookiePreferencesButton&quot;</code><br><small>Reusable save cookie preferences button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchButton</strong><br><code>data-component=&quot;SearchButton&quot;</code><br><small>Reusable search button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecondaryButton</strong><br><code>data-component=&quot;SecondaryButton&quot;</code><br><small>Reusable secondary button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SectionActions</strong><br><code>data-component=&quot;SectionActions&quot;</code><br><small>Reusable section actions component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ShareAction</strong><br><code>data-component=&quot;ShareAction&quot;</code><br><small>Reusable share action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ShareButton</strong><br><code>data-component=&quot;ShareButton&quot;</code><br><small>Reusable share button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SignInLink</strong><br><code>data-component=&quot;SignInLink&quot;</code><br><small>Reusable sign in link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SkipLink</strong><br><code>data-component=&quot;SkipLink&quot;</code><br><small>Reusable skip link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SplitButton</strong><br><code>data-component=&quot;SplitButton&quot;</code><br><small>Reusable split button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SplitCTA</strong><br><code>data-component=&quot;SplitCTA&quot;</code><br><small>Reusable split c t a component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StartFreeButton</strong><br><code>data-component=&quot;StartFreeButton&quot;</code><br><small>Reusable start free button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TertiaryButton</strong><br><code>data-component=&quot;TertiaryButton&quot;</code><br><small>Reusable tertiary button component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TextLink</strong><br><code>data-component=&quot;TextLink&quot;</code><br><small>Reusable text link component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ToastAction</strong><br><code>data-component=&quot;ToastAction&quot;</code><br><small>Reusable toast action component.</small></td><td><code>label: string = &quot;Action&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>type: string = &quot;button&quot;</code><br><code>variant: string = &quot;primary&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Content</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AccessibleAccordion</strong><br><code>data-component=&quot;AccessibleAccordion&quot;</code><br><small>Reusable accessible accordion component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleCarousel</strong><br><code>data-component=&quot;AccessibleCarousel&quot;</code><br><small>Reusable accessible carousel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleChartSummary</strong><br><code>data-component=&quot;AccessibleChartSummary&quot;</code><br><small>Reusable accessible chart summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleErrorSummary</strong><br><code>data-component=&quot;AccessibleErrorSummary&quot;</code><br><small>Reusable accessible error summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleIcon</strong><br><code>data-component=&quot;AccessibleIcon&quot;</code><br><small>Reusable accessible icon component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleTabs</strong><br><code>data-component=&quot;AccessibleTabs&quot;</code><br><small>Reusable accessible tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleTooltip</strong><br><code>data-component=&quot;AccessibleTooltip&quot;</code><br><small>Reusable accessible tooltip component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Accordion</strong><br><code>data-component=&quot;Accordion&quot;</code><br><small>Reusable accordion component.</small></td><td><code>title: string = &quot;Question&quot;</code><br><code>open: boolean = false</code></td><td><code>default</code></td><td><code>click</code></td></tr><tr><td><strong>AddOnCard</strong><br><code>data-component=&quot;AddOnCard&quot;</code><br><small>Reusable add on card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AddressPreview</strong><br><code>data-component=&quot;AddressPreview&quot;</code><br><small>Reusable address preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AdvancedFilterBuilder</strong><br><code>data-component=&quot;AdvancedFilterBuilder&quot;</code><br><small>Reusable advanced filter builder component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AnalyticsDashboardPreview</strong><br><code>data-component=&quot;AnalyticsDashboardPreview&quot;</code><br><small>Reusable analytics dashboard preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiEndpointCard</strong><br><code>data-component=&quot;ApiEndpointCard&quot;</code><br><small>Reusable api endpoint card component.</small></td><td><code>method: string = &quot;GET&quot;</code><br><code>path: string = &quot;/api/example&quot;</code><br><code>description: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiErrorExample</strong><br><code>data-component=&quot;ApiErrorExample&quot;</code><br><small>Reusable api error example component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiKeyDisplay</strong><br><code>data-component=&quot;ApiKeyDisplay&quot;</code><br><small>Reusable api key display component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiRequestExample</strong><br><code>data-component=&quot;ApiRequestExample&quot;</code><br><small>Reusable api request example component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiResponseExample</strong><br><code>data-component=&quot;ApiResponseExample&quot;</code><br><small>Reusable api response example component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiSchemaViewer</strong><br><code>data-component=&quot;ApiSchemaViewer&quot;</code><br><small>Reusable api schema viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AssetCard</strong><br><code>data-component=&quot;AssetCard&quot;</code><br><small>Reusable asset card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AttachmentUpload</strong><br><code>data-component=&quot;AttachmentUpload&quot;</code><br><small>Reusable attachment upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AudioUpload</strong><br><code>data-component=&quot;AudioUpload&quot;</code><br><small>Reusable audio upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuditLogPreview</strong><br><code>data-component=&quot;AuditLogPreview&quot;</code><br><small>Reusable audit log preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuthorAvatar</strong><br><code>data-component=&quot;AuthorAvatar&quot;</code><br><small>Reusable author avatar component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuthorCard</strong><br><code>data-component=&quot;AuthorCard&quot;</code><br><small>Reusable author card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuthorizedApplicationCard</strong><br><code>data-component=&quot;AuthorizedApplicationCard&quot;</code><br><small>Reusable authorized application card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AutomationExampleCard</strong><br><code>data-component=&quot;AutomationExampleCard&quot;</code><br><small>Reusable automation example card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AvailabilityCalendar</strong><br><code>data-component=&quot;AvailabilityCalendar&quot;</code><br><small>Reusable availability calendar component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Avatar</strong><br><code>data-component=&quot;Avatar&quot;</code><br><small>Reusable avatar component.</small></td><td><code>src: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>initials: string = &quot;WR&quot;</code><br><code>size: string = &quot;md&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>AvatarUpload</strong><br><code>data-component=&quot;AvatarUpload&quot;</code><br><small>Reusable avatar upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BankTransferDetails</strong><br><code>data-component=&quot;BankTransferDetails&quot;</code><br><small>Reusable bank transfer details component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BillingAddressForm</strong><br><code>data-component=&quot;BillingAddressForm&quot;</code><br><small>Reusable billing address form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BillingExample</strong><br><code>data-component=&quot;BillingExample&quot;</code><br><small>Reusable billing example component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BlogCard</strong><br><code>data-component=&quot;BlogCard&quot;</code><br><small>Reusable blog card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BlogSearch</strong><br><code>data-component=&quot;BlogSearch&quot;</code><br><small>Reusable blog search component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BodyText</strong><br><code>data-component=&quot;BodyText&quot;</code><br><small>Reusable body text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BudgetRangeSlider</strong><br><code>data-component=&quot;BudgetRangeSlider&quot;</code><br><small>Reusable budget range slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Calendar</strong><br><code>data-component=&quot;Calendar&quot;</code><br><small>Reusable calendar component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CampaignCard</strong><br><code>data-component=&quot;CampaignCard&quot;</code><br><small>Reusable campaign card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CampaignPerformancePreview</strong><br><code>data-component=&quot;CampaignPerformancePreview&quot;</code><br><small>Reusable campaign performance preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Card</strong><br><code>data-component=&quot;Card&quot;</code><br><small>Reusable card component.</small></td><td><code>variant: string = &quot;default&quot;</code><br><code>padding: string = &quot;md&quot;</code><br><code>interactive: boolean = false</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CardPaymentForm</strong><br><code>data-component=&quot;CardPaymentForm&quot;</code><br><small>Reusable card payment form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CareerApplicationForm</strong><br><code>data-component=&quot;CareerApplicationForm&quot;</code><br><small>Reusable career application form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Carousel</strong><br><code>data-component=&quot;Carousel&quot;</code><br><small>Reusable carousel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CaseStudyCard</strong><br><code>data-component=&quot;CaseStudyCard&quot;</code><br><small>Reusable case study card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CaseStudyPreview</strong><br><code>data-component=&quot;CaseStudyPreview&quot;</code><br><small>Reusable case study preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CertificateUpload</strong><br><code>data-component=&quot;CertificateUpload&quot;</code><br><small>Reusable certificate upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelCard</strong><br><code>data-component=&quot;ChannelCard&quot;</code><br><small>Reusable channel card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelIcon</strong><br><code>data-component=&quot;ChannelIcon&quot;</code><br><small>Reusable channel icon component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChartTooltip</strong><br><code>data-component=&quot;ChartTooltip&quot;</code><br><small>Reusable chart tooltip component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Checklist</strong><br><code>data-component=&quot;Checklist&quot;</code><br><small>Reusable checklist component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ClickableCard</strong><br><code>data-component=&quot;ClickableCard&quot;</code><br><small>Reusable clickable card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Code</strong><br><code>data-component=&quot;Code&quot;</code><br><small>Reusable code component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeBlock</strong><br><code>data-component=&quot;CodeBlock&quot;</code><br><small>Reusable code block component.</small></td><td><code>language: string = &quot;text&quot;</code><br><code>filename: string = &quot;&quot;</code><br><code>code: string = &quot;&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>CodeTabs</strong><br><code>data-component=&quot;CodeTabs&quot;</code><br><small>Reusable code tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeText</strong><br><code>data-component=&quot;CodeText&quot;</code><br><small>Reusable code text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ColorSwatch</strong><br><code>data-component=&quot;ColorSwatch&quot;</code><br><small>Reusable color swatch component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CommandBlock</strong><br><code>data-component=&quot;CommandBlock&quot;</code><br><small>Reusable command block component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComplianceProgramCard</strong><br><code>data-component=&quot;ComplianceProgramCard&quot;</code><br><small>Reusable compliance program card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConnectedAccountCard</strong><br><code>data-component=&quot;ConnectedAccountCard&quot;</code><br><small>Reusable connected account card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConnectionCard</strong><br><code>data-component=&quot;ConnectionCard&quot;</code><br><small>Reusable connection card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConsentTimelinePreview</strong><br><code>data-component=&quot;ConsentTimelinePreview&quot;</code><br><small>Reusable consent timeline preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactCard</strong><br><code>data-component=&quot;ContactCard&quot;</code><br><small>Reusable contact card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactForm</strong><br><code>data-component=&quot;ContactForm&quot;</code><br><small>Reusable contact form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactSalesForm</strong><br><code>data-component=&quot;ContactSalesForm&quot;</code><br><small>Reusable contact sales form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContextSwitcher</strong><br><code>data-component=&quot;ContextSwitcher&quot;</code><br><small>Reusable context switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConversationPreview</strong><br><code>data-component=&quot;ConversationPreview&quot;</code><br><small>Reusable conversation preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CostSummary</strong><br><code>data-component=&quot;CostSummary&quot;</code><br><small>Reusable cost summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CronBuilder</strong><br><code>data-component=&quot;CronBuilder&quot;</code><br><small>Reusable cron builder component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CsvUpload</strong><br><code>data-component=&quot;CsvUpload&quot;</code><br><small>Reusable csv upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CustomerLogo</strong><br><code>data-component=&quot;CustomerLogo&quot;</code><br><small>Reusable customer logo component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CustomerStoryCard</strong><br><code>data-component=&quot;CustomerStoryCard&quot;</code><br><small>Reusable customer story card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DataProtectionCard</strong><br><code>data-component=&quot;DataProtectionCard&quot;</code><br><small>Reusable data protection card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DateRangeCalendar</strong><br><code>data-component=&quot;DateRangeCalendar&quot;</code><br><small>Reusable date range calendar component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DateRangeSlider</strong><br><code>data-component=&quot;DateRangeSlider&quot;</code><br><small>Reusable date range slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeliveryPreview</strong><br><code>data-component=&quot;DeliveryPreview&quot;</code><br><small>Reusable delivery preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DemoRequestForm</strong><br><code>data-component=&quot;DemoRequestForm&quot;</code><br><small>Reusable demo request form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeveloperSearch</strong><br><code>data-component=&quot;DeveloperSearch&quot;</code><br><small>Reusable developer search component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeviceCard</strong><br><code>data-component=&quot;DeviceCard&quot;</code><br><small>Reusable device card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DocumentPreview</strong><br><code>data-component=&quot;DocumentPreview&quot;</code><br><small>Reusable document preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DocumentUpload</strong><br><code>data-component=&quot;DocumentUpload&quot;</code><br><small>Reusable document upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DownloadGateForm</strong><br><code>data-component=&quot;DownloadGateForm&quot;</code><br><small>Reusable download gate form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DownloadResourceForm</strong><br><code>data-component=&quot;DownloadResourceForm&quot;</code><br><small>Reusable download resource form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DurationSlider</strong><br><code>data-component=&quot;DurationSlider&quot;</code><br><small>Reusable duration slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ElevatedCard</strong><br><code>data-component=&quot;ElevatedCard&quot;</code><br><small>Reusable elevated card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EmailComposer</strong><br><code>data-component=&quot;EmailComposer&quot;</code><br><small>Reusable email composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EnterprisePricingCard</strong><br><code>data-component=&quot;EnterprisePricingCard&quot;</code><br><small>Reusable enterprise pricing card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EnvironmentSwitcher</strong><br><code>data-component=&quot;EnvironmentSwitcher&quot;</code><br><small>Reusable environment switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorCard</strong><br><code>data-component=&quot;ErrorCard&quot;</code><br><small>Reusable error card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorCode</strong><br><code>data-component=&quot;ErrorCode&quot;</code><br><small>Reusable error code component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorIllustration</strong><br><code>data-component=&quot;ErrorIllustration&quot;</code><br><small>Reusable error illustration component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorPage</strong><br><code>data-component=&quot;ErrorPage&quot;</code><br><small>Reusable error page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EstimatedCostSummary</strong><br><code>data-component=&quot;EstimatedCostSummary&quot;</code><br><small>Reusable estimated cost summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ExpandableText</strong><br><code>data-component=&quot;ExpandableText&quot;</code><br><small>Reusable expandable text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EyebrowText</strong><br><code>data-component=&quot;EyebrowText&quot;</code><br><small>Reusable eyebrow text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FactorCard</strong><br><code>data-component=&quot;FactorCard&quot;</code><br><small>Reusable factor card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FallbackRouteBuilder</strong><br><code>data-component=&quot;FallbackRouteBuilder&quot;</code><br><small>Reusable fallback route builder component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FaviconUpload</strong><br><code>data-component=&quot;FaviconUpload&quot;</code><br><small>Reusable favicon upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureCard</strong><br><code>data-component=&quot;FeatureCard&quot;</code><br><small>Reusable feature card component.</small></td><td><code>icon: string = &quot;✦&quot;</code><br><code>title: string = &quot;Feature&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>FeatureChecklist</strong><br><code>data-component=&quot;FeatureChecklist&quot;</code><br><small>Reusable feature checklist component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeaturedBlogCard</strong><br><code>data-component=&quot;FeaturedBlogCard&quot;</code><br><small>Reusable featured blog card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureIconCard</strong><br><code>data-component=&quot;FeatureIconCard&quot;</code><br><small>Reusable feature icon card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureTabs</strong><br><code>data-component=&quot;FeatureTabs&quot;</code><br><small>Reusable feature tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileSizeLabel</strong><br><code>data-component=&quot;FileSizeLabel&quot;</code><br><small>Reusable file size label component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileUpload</strong><br><code>data-component=&quot;FileUpload&quot;</code><br><small>Reusable file upload component.</small></td><td><code>id: string = &quot;file&quot;</code><br><code>name: string = &quot;file&quot;</code><br><code>label: string = &quot;Upload file&quot;</code><br><code>accept: string = &quot;&quot;</code><br><code>multiple: boolean = false</code><br><code>help: string = &quot;Drag and drop or browse&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>FooterLanguageSwitcher</strong><br><code>data-component=&quot;FooterLanguageSwitcher&quot;</code><br><small>Reusable footer language switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ForbiddenPage</strong><br><code>data-component=&quot;ForbiddenPage&quot;</code><br><small>Reusable forbidden page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ForgotPasswordForm</strong><br><code>data-component=&quot;ForgotPasswordForm&quot;</code><br><small>Reusable forgot password form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Form</strong><br><code>data-component=&quot;Form&quot;</code><br><small>Reusable form component.</small></td><td><code>action: string = &quot;&quot;</code><br><code>method: string = &quot;post&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormErrorSummary</strong><br><code>data-component=&quot;FormErrorSummary&quot;</code><br><small>Reusable form error summary component.</small></td><td><code>title: string = &quot;Please fix the following&quot;</code><br><code>visible: boolean = true</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormHelpText</strong><br><code>data-component=&quot;FormHelpText&quot;</code><br><small>Reusable form help text component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>text: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormLabel</strong><br><code>data-component=&quot;FormLabel&quot;</code><br><small>Reusable form label component.</small></td><td><code>for: string = &quot;&quot;</code><br><code>label: string = &quot;Label&quot;</code><br><code>required: boolean = false</code><br><code>optional: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>GlassCard</strong><br><code>data-component=&quot;GlassCard&quot;</code><br><small>Reusable glass card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GlobalSearch</strong><br><code>data-component=&quot;GlobalSearch&quot;</code><br><small>Reusable global search component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GuideCard</strong><br><code>data-component=&quot;GuideCard&quot;</code><br><small>Reusable guide card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GuideChecklist</strong><br><code>data-component=&quot;GuideChecklist&quot;</code><br><small>Reusable guide checklist component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GuideStep</strong><br><code>data-component=&quot;GuideStep&quot;</code><br><small>Reusable guide step component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroGradientText</strong><br><code>data-component=&quot;HeroGradientText&quot;</code><br><small>Reusable hero gradient text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroProductPreview</strong><br><code>data-component=&quot;HeroProductPreview&quot;</code><br><small>Reusable hero product preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroTrustText</strong><br><code>data-component=&quot;HeroTrustText&quot;</code><br><small>Reusable hero trust text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HighlightText</strong><br><code>data-component=&quot;HighlightText&quot;</code><br><small>Reusable highlight text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HolidayCalendar</strong><br><code>data-component=&quot;HolidayCalendar&quot;</code><br><small>Reusable holiday calendar component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HumanApprovalStep</strong><br><code>data-component=&quot;HumanApprovalStep&quot;</code><br><small>Reusable human approval step component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Icon</strong><br><code>data-component=&quot;Icon&quot;</code><br><small>Reusable icon component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Illustration</strong><br><code>data-component=&quot;Illustration&quot;</code><br><small>Reusable illustration component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImageCompressionPreview</strong><br><code>data-component=&quot;ImageCompressionPreview&quot;</code><br><small>Reusable image compression preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImageUpload</strong><br><code>data-component=&quot;ImageUpload&quot;</code><br><small>Reusable image upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentCard</strong><br><code>data-component=&quot;IncidentCard&quot;</code><br><small>Reusable incident card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InfoCard</strong><br><code>data-component=&quot;InfoCard&quot;</code><br><small>Reusable info card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InlineCode</strong><br><code>data-component=&quot;InlineCode&quot;</code><br><small>Reusable inline code component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IntegrationCard</strong><br><code>data-component=&quot;IntegrationCard&quot;</code><br><small>Reusable integration card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InvoiceLineItem</strong><br><code>data-component=&quot;InvoiceLineItem&quot;</code><br><small>Reusable invoice line item component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InvoiceSummary</strong><br><code>data-component=&quot;InvoiceSummary&quot;</code><br><small>Reusable invoice summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>JobCard</strong><br><code>data-component=&quot;JobCard&quot;</code><br><small>Reusable job card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>JsonViewer</strong><br><code>data-component=&quot;JsonViewer&quot;</code><br><small>Reusable json viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>KycDocumentUpload</strong><br><code>data-component=&quot;KycDocumentUpload&quot;</code><br><small>Reusable kyc document upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LanguageSwitcher</strong><br><code>data-component=&quot;LanguageSwitcher&quot;</code><br><small>Reusable language switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LeadText</strong><br><code>data-component=&quot;LeadText&quot;</code><br><small>Reusable lead text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalContactBlock</strong><br><code>data-component=&quot;LegalContactBlock&quot;</code><br><small>Reusable legal contact block component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalSummary</strong><br><code>data-component=&quot;LegalSummary&quot;</code><br><small>Reusable legal summary component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Logo</strong><br><code>data-component=&quot;Logo&quot;</code><br><small>Reusable logo component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LogoUpload</strong><br><code>data-component=&quot;LogoUpload&quot;</code><br><small>Reusable logo upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenanceCard</strong><br><code>data-component=&quot;MaintenanceCard&quot;</code><br><small>Reusable maintenance card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenancePage</strong><br><code>data-component=&quot;MaintenancePage&quot;</code><br><small>Reusable maintenance page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessageComposer</strong><br><code>data-component=&quot;MessageComposer&quot;</code><br><small>Reusable message composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessageComposerPreview</strong><br><code>data-component=&quot;MessageComposerPreview&quot;</code><br><small>Reusable message composer preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessagePreview</strong><br><code>data-component=&quot;MessagePreview&quot;</code><br><small>Reusable message preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessageVolumeSlider</strong><br><code>data-component=&quot;MessageVolumeSlider&quot;</code><br><small>Reusable message volume slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MetricCard</strong><br><code>data-component=&quot;MetricCard&quot;</code><br><small>Reusable metric card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MetricText</strong><br><code>data-component=&quot;MetricText&quot;</code><br><small>Reusable metric text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MobileTableCard</strong><br><code>data-component=&quot;MobileTableCard&quot;</code><br><small>Reusable mobile table card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MultiFileUpload</strong><br><code>data-component=&quot;MultiFileUpload&quot;</code><br><small>Reusable multi file upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MutedText</strong><br><code>data-component=&quot;MutedText&quot;</code><br><small>Reusable muted text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NavigationItem</strong><br><code>data-component=&quot;NavigationItem&quot;</code><br><small>Reusable navigation item component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NewsletterForm</strong><br><code>data-component=&quot;NewsletterForm&quot;</code><br><small>Reusable newsletter form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NotFoundPage</strong><br><code>data-component=&quot;NotFoundPage&quot;</code><br><small>Reusable not found page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NotificationCard</strong><br><code>data-component=&quot;NotificationCard&quot;</code><br><small>Reusable notification card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OfficeCard</strong><br><code>data-component=&quot;OfficeCard&quot;</code><br><small>Reusable office card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OfflinePage</strong><br><code>data-component=&quot;OfflinePage&quot;</code><br><small>Reusable offline page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OneTimeSecretDisplay</strong><br><code>data-component=&quot;OneTimeSecretDisplay&quot;</code><br><small>Reusable one time secret display component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OpacitySlider</strong><br><code>data-component=&quot;OpacitySlider&quot;</code><br><small>Reusable opacity slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OtpVerificationForm</strong><br><code>data-component=&quot;OtpVerificationForm&quot;</code><br><small>Reusable otp verification form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OutlinedCard</strong><br><code>data-component=&quot;OutlinedCard&quot;</code><br><small>Reusable outlined card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PartnerApplicationForm</strong><br><code>data-component=&quot;PartnerApplicationForm&quot;</code><br><small>Reusable partner application form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PartnerProgramCard</strong><br><code>data-component=&quot;PartnerProgramCard&quot;</code><br><small>Reusable partner program card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PaymentMethodCard</strong><br><code>data-component=&quot;PaymentMethodCard&quot;</code><br><small>Reusable payment method card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PdfPreview</strong><br><code>data-component=&quot;PdfPreview&quot;</code><br><small>Reusable pdf preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlatformPillarCard</strong><br><code>data-component=&quot;PlatformPillarCard&quot;</code><br><small>Reusable platform pillar card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PressReleaseCard</strong><br><code>data-component=&quot;PressReleaseCard&quot;</code><br><small>Reusable press release card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PriceRangeSlider</strong><br><code>data-component=&quot;PriceRangeSlider&quot;</code><br><small>Reusable price range slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PriceText</strong><br><code>data-component=&quot;PriceText&quot;</code><br><small>Reusable price text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingCard</strong><br><code>data-component=&quot;PricingCard&quot;</code><br><small>Reusable pricing card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingContactForm</strong><br><code>data-component=&quot;PricingContactForm&quot;</code><br><small>Reusable pricing contact form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingPlanCard</strong><br><code>data-component=&quot;PricingPlanCard&quot;</code><br><small>Reusable pricing plan card component.</small></td><td><code>name: string = &quot;Starter&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>price: string = &quot;₹0&quot;</code><br><code>period: string = &quot;/month&quot;</code><br><code>featured: boolean = false</code><br><code>ctaLabel: string = &quot;Choose plan&quot;</code><br><code>ctaHref: string = &quot;#&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductCard</strong><br><code>data-component=&quot;ProductCard&quot;</code><br><small>Reusable product card component.</small></td><td><code>eyebrow: string = &quot;Product&quot;</code><br><code>title: string = &quot;Product name&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;#&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>status: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>ProductIcon</strong><br><code>data-component=&quot;ProductIcon&quot;</code><br><small>Reusable product icon component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductLogo</strong><br><code>data-component=&quot;ProductLogo&quot;</code><br><small>Reusable product logo component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductMiniCard</strong><br><code>data-component=&quot;ProductMiniCard&quot;</code><br><small>Reusable product mini card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductNavigationCard</strong><br><code>data-component=&quot;ProductNavigationCard&quot;</code><br><small>Reusable product navigation card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProgressSlider</strong><br><code>data-component=&quot;ProgressSlider&quot;</code><br><small>Reusable progress slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProjectCard</strong><br><code>data-component=&quot;ProjectCard&quot;</code><br><small>Reusable project card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProjectSwitcher</strong><br><code>data-component=&quot;ProjectSwitcher&quot;</code><br><small>Reusable project switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PublicHeaderLogo</strong><br><code>data-component=&quot;PublicHeaderLogo&quot;</code><br><small>Reusable public header logo component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PushComposer</strong><br><code>data-component=&quot;PushComposer&quot;</code><br><small>Reusable push composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>QrCode</strong><br><code>data-component=&quot;QrCode&quot;</code><br><small>Reusable qr code component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>QuantityStepper</strong><br><code>data-component=&quot;QuantityStepper&quot;</code><br><small>Reusable quantity stepper component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>QuoteText</strong><br><code>data-component=&quot;QuoteText&quot;</code><br><small>Reusable quote text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RangeSlider</strong><br><code>data-component=&quot;RangeSlider&quot;</code><br><small>Reusable range slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RateLimitPage</strong><br><code>data-component=&quot;RateLimitPage&quot;</code><br><small>Reusable rate limit page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RatingSlider</strong><br><code>data-component=&quot;RatingSlider&quot;</code><br><small>Reusable rating slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RecoveryCodeForm</strong><br><code>data-component=&quot;RecoveryCodeForm&quot;</code><br><small>Reusable recovery code form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RecurrenceRuleBuilder</strong><br><code>data-component=&quot;RecurrenceRuleBuilder&quot;</code><br><small>Reusable recurrence rule builder component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ReportCard</strong><br><code>data-component=&quot;ReportCard&quot;</code><br><small>Reusable report card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RequestResponseViewer</strong><br><code>data-component=&quot;RequestResponseViewer&quot;</code><br><small>Reusable request response viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RequestViewer</strong><br><code>data-component=&quot;RequestViewer&quot;</code><br><small>Reusable request viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResetPasswordForm</strong><br><code>data-component=&quot;ResetPasswordForm&quot;</code><br><small>Reusable reset password form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourceCard</strong><br><code>data-component=&quot;ResourceCard&quot;</code><br><small>Reusable resource card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourceDownloadCard</strong><br><code>data-component=&quot;ResourceDownloadCard&quot;</code><br><small>Reusable resource download card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourceSearch</strong><br><code>data-component=&quot;ResourceSearch&quot;</code><br><small>Reusable resource search component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResponseViewer</strong><br><code>data-component=&quot;ResponseViewer&quot;</code><br><small>Reusable response viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SDKCard</strong><br><code>data-component=&quot;SDKCard&quot;</code><br><small>Reusable s d k card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SDKLanguageTabs</strong><br><code>data-component=&quot;SDKLanguageTabs&quot;</code><br><small>Reusable s d k language tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchCategoryTabs</strong><br><code>data-component=&quot;SearchCategoryTabs&quot;</code><br><small>Reusable search category tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchResultItem</strong><br><code>data-component=&quot;SearchResultItem&quot;</code><br><small>Reusable search result item component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecretDisplay</strong><br><code>data-component=&quot;SecretDisplay&quot;</code><br><small>Reusable secret display component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityContactCard</strong><br><code>data-component=&quot;SecurityContactCard&quot;</code><br><small>Reusable security contact card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityFeatureCard</strong><br><code>data-component=&quot;SecurityFeatureCard&quot;</code><br><small>Reusable security feature card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityReportForm</strong><br><code>data-component=&quot;SecurityReportForm&quot;</code><br><small>Reusable security report form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ServerErrorPage</strong><br><code>data-component=&quot;ServerErrorPage&quot;</code><br><small>Reusable server error page component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SessionCard</strong><br><code>data-component=&quot;SessionCard&quot;</code><br><small>Reusable session card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SetupChecklist</strong><br><code>data-component=&quot;SetupChecklist&quot;</code><br><small>Reusable setup checklist component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SignInForm</strong><br><code>data-component=&quot;SignInForm&quot;</code><br><small>Reusable sign in form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SignUpForm</strong><br><code>data-component=&quot;SignUpForm&quot;</code><br><small>Reusable sign up form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SiteSearch</strong><br><code>data-component=&quot;SiteSearch&quot;</code><br><small>Reusable site search component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Slider</strong><br><code>data-component=&quot;Slider&quot;</code><br><small>Reusable slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SmallText</strong><br><code>data-component=&quot;SmallText&quot;</code><br><small>Reusable small text component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SmsComposer</strong><br><code>data-component=&quot;SmsComposer&quot;</code><br><small>Reusable sms composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StatCard</strong><br><code>data-component=&quot;StatCard&quot;</code><br><small>Reusable stat card component.</small></td><td><code>label: string = &quot;Metric&quot;</code><br><code>value: string = &quot;0&quot;</code><br><code>change: string = &quot;&quot;</code><br><code>trend: string = &quot;neutral&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>StatusSubscribeForm</strong><br><code>data-component=&quot;StatusSubscribeForm&quot;</code><br><small>Reusable status subscribe form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Stepper</strong><br><code>data-component=&quot;Stepper&quot;</code><br><small>Reusable stepper component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SuccessCard</strong><br><code>data-component=&quot;SuccessCard&quot;</code><br><small>Reusable success card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SupportRequestForm</strong><br><code>data-component=&quot;SupportRequestForm&quot;</code><br><small>Reusable support request form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Tabs</strong><br><code>data-component=&quot;Tabs&quot;</code><br><small>Reusable tabs component.</small></td><td><code>active: string = &quot;first&quot;</code></td><td><code>first</code><br><code>second</code></td><td><code>click</code></td></tr><tr><td><strong>TeamMemberCard</strong><br><code>data-component=&quot;TeamMemberCard&quot;</code><br><small>Reusable team member card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TemplateCard</strong><br><code>data-component=&quot;TemplateCard&quot;</code><br><small>Reusable template card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TerminalBlock</strong><br><code>data-component=&quot;TerminalBlock&quot;</code><br><small>Reusable terminal block component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TestimonialCard</strong><br><code>data-component=&quot;TestimonialCard&quot;</code><br><small>Reusable testimonial card component.</small></td><td><code>quote: string = &quot;Great product.&quot;</code><br><code>name: string = &quot;Customer&quot;</code><br><code>role: string = &quot;&quot;</code><br><code>company: string = &quot;&quot;</code><br><code>avatar: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>TestimonialCarousel</strong><br><code>data-component=&quot;TestimonialCarousel&quot;</code><br><small>Reusable testimonial carousel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ThemeSwitcher</strong><br><code>data-component=&quot;ThemeSwitcher&quot;</code><br><small>Reusable theme switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimelineItem</strong><br><code>data-component=&quot;TimelineItem&quot;</code><br><small>Reusable timeline item component.</small></td><td><code>title: string = &quot;Event&quot;</code><br><code>date: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>status: string = &quot;default&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>ToastIcon</strong><br><code>data-component=&quot;ToastIcon&quot;</code><br><small>Reusable toast icon component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Tooltip</strong><br><code>data-component=&quot;Tooltip&quot;</code><br><small>Reusable tooltip component.</small></td><td><code>text: string = &quot;Helpful information&quot;</code><br><code>position: string = &quot;top&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TotpVerificationForm</strong><br><code>data-component=&quot;TotpVerificationForm&quot;</code><br><small>Reusable totp verification form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TranslatedText</strong><br><code>data-component=&quot;TranslatedText&quot;</code><br><small>Reusable translated text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TruncatedText</strong><br><code>data-component=&quot;TruncatedText&quot;</code><br><small>Reusable truncated text component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UnifiedTimelinePreview</strong><br><code>data-component=&quot;UnifiedTimelinePreview&quot;</code><br><small>Reusable unified timeline preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UploadItem</strong><br><code>data-component=&quot;UploadItem&quot;</code><br><small>Reusable upload item component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UploadPreview</strong><br><code>data-component=&quot;UploadPreview&quot;</code><br><small>Reusable upload preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UserCard</strong><br><code>data-component=&quot;UserCard&quot;</code><br><small>Reusable user card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ValueCard</strong><br><code>data-component=&quot;ValueCard&quot;</code><br><small>Reusable value card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VerticalTabs</strong><br><code>data-component=&quot;VerticalTabs&quot;</code><br><small>Reusable vertical tabs component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VideoCard</strong><br><code>data-component=&quot;VideoCard&quot;</code><br><small>Reusable video card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VideoUpload</strong><br><code>data-component=&quot;VideoUpload&quot;</code><br><small>Reusable video upload component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VoiceScriptComposer</strong><br><code>data-component=&quot;VoiceScriptComposer&quot;</code><br><small>Reusable voice script composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VolumeSlider</strong><br><code>data-component=&quot;VolumeSlider&quot;</code><br><small>Reusable volume slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WarningCard</strong><br><code>data-component=&quot;WarningCard&quot;</code><br><small>Reusable warning card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebhookEventCard</strong><br><code>data-component=&quot;WebhookEventCard&quot;</code><br><small>Reusable webhook event card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebhookPayloadViewer</strong><br><code>data-component=&quot;WebhookPayloadViewer&quot;</code><br><small>Reusable webhook payload viewer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebinarCard</strong><br><code>data-component=&quot;WebinarCard&quot;</code><br><small>Reusable webinar card component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebinarRegistrationForm</strong><br><code>data-component=&quot;WebinarRegistrationForm&quot;</code><br><small>Reusable webinar registration form component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WhatsAppComposer</strong><br><code>data-component=&quot;WhatsAppComposer&quot;</code><br><small>Reusable whats app composer component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Wizard</strong><br><code>data-component=&quot;Wizard&quot;</code><br><small>Reusable wizard component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WorkflowCanvasPreview</strong><br><code>data-component=&quot;WorkflowCanvasPreview&quot;</code><br><small>Reusable workflow canvas preview component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WorkspaceCard</strong><br><code>data-component=&quot;WorkspaceCard&quot;</code><br><small>Reusable workspace card component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WorkspaceSwitcher</strong><br><code>data-component=&quot;WorkspaceSwitcher&quot;</code><br><small>Reusable workspace switcher component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ZoomSlider</strong><br><code>data-component=&quot;ZoomSlider&quot;</code><br><small>Reusable zoom slider component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>image: string = &quot;&quot;</code><br><code>alt: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Core</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AnnouncementBar</strong><br><code>data-component=&quot;AnnouncementBar&quot;</code><br><small>Reusable announcement bar component.</small></td><td><code>badge: string = &quot;New&quot;</code><br><code>message: string = &quot;WRNexusJS Organizations is now available.&quot;</code><br><code>description: string = &quot;Build secure multi-tenant applications with teams, roles, domains, and enterprise SSO.&quot;</code><br><code>href: string = &quot;/organizations&quot;</code><br><code>actionLabel: string = &quot;Explore organizations&quot;</code><br><code>ariaLabel: string = &quot;Announcement&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>AspectRatio</strong><br><code>data-component=&quot;AspectRatio&quot;</code><br><small>Reusable aspect ratio component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BackToTop</strong><br><code>data-component=&quot;BackToTop&quot;</code><br><small>Reusable back to top component.</small></td><td><code>label: string = &quot;Back to top&quot;</code><br><code>assistiveLabel: string = &quot;Return to the top of the page&quot;</code><br><code>threshold: number = 500</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>Breadcrumbs</strong><br><code>data-component=&quot;Breadcrumbs&quot;</code><br><small>Reusable breadcrumbs component.</small></td><td><code>homeLabel: string = &quot;Home&quot;</code><br><code>homeHref: string = &quot;/&quot;</code><br><code>current: string = &quot;Current page&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Checkbox</strong><br><code>data-component=&quot;Checkbox&quot;</code><br><small>Reusable checkbox component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Checkbox&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>checked: boolean = false</code><br><code>disabled: boolean = false</code></td><td>None</td><td>None</td></tr><tr><td><strong>Chip</strong><br><code>data-component=&quot;Chip&quot;</code><br><small>Reusable chip component.</small></td><td><code>label: string = &quot;Chip&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Cluster</strong><br><code>data-component=&quot;Cluster&quot;</code><br><small>Reusable cluster component.</small></td><td><code>gap: string = &quot;4&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Combobox</strong><br><code>data-component=&quot;Combobox&quot;</code><br><small>Reusable combobox component.</small></td><td><code>id: string = &quot;combobox&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Choose an option&quot;</code><br><code>placeholder: string = &quot;Search options&quot;</code><br><code>options: string = []</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Container</strong><br><code>data-component=&quot;Container&quot;</code><br><small>Reusable container component.</small></td><td><code>size: string = &quot;default&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>disclosure</strong><br><code>data-component=&quot;disclosure&quot;</code><br><small>Reusable disclosure component.</small></td><td><code>summary: string = &quot;Details&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DisplayHeading</strong><br><code>data-component=&quot;DisplayHeading&quot;</code><br><small>Reusable display heading component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Divider</strong><br><code>data-component=&quot;Divider&quot;</code><br><small>Reusable divider component.</small></td><td><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Drawer</strong><br><code>data-component=&quot;Drawer&quot;</code><br><small>Reusable drawer component.</small></td><td><code>title: string = &quot;Panel&quot;</code><br><code>open: boolean = false</code><br><code>side: string = &quot;right&quot;</code></td><td><code>default</code></td><td><code>click</code></td></tr><tr><td><strong>FAQ</strong><br><code>data-component=&quot;FAQ&quot;</code><br><small>Reusable faq component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;Frequently asked questions&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>items: string = []</code><br><code>centered: boolean = true</code><br><code>allowMultiple: boolean = false</code><br><code>defaultOpenIndex: number = 0</code></td><td>None</td><td>None</td></tr><tr><td><strong>FAQAccordion</strong><br><code>data-component=&quot;FAQAccordion&quot;</code><br><small>Reusable faqaccordion component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;Frequently asked questions&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>items: string = []</code><br><code>centered: boolean = true</code><br><code>compact: boolean = false</code><br><code>allowMultiple: boolean = false</code><br><code>defaultOpenIndex: number = 0</code><br><code>showContact: boolean = false</code><br><code>contactText: string = &quot;Still have questions?&quot;</code><br><code>contactLabel: string = &quot;Contact support&quot;</code><br><code>contactHref: string = &quot;/support&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>file-upload</strong><br><code>data-component=&quot;file-upload&quot;</code><br><small>Reusable file-upload component.</small></td><td><code>store: string = &quot;public&quot;</code><br><code>endpoint: string = &quot;/api/upload&quot;</code><br><code>accept: string = &quot;&quot;</code><br><code>multiple: boolean = false</code><br><code>max: number = 0</code><br><code>label: string = &quot;Drag files here or click to browse&quot;</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>FilterBar</strong><br><code>data-component=&quot;FilterBar&quot;</code><br><small>Reusable filter bar component.</small></td><td><code>label: string = &quot;Filters&quot;</code><br><code>clearLabel: string = &quot;Clear filters&quot;</code><br><code>showClear: boolean = true</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Flex</strong><br><code>data-component=&quot;Flex&quot;</code><br><small>Reusable flex component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormError</strong><br><code>data-component=&quot;FormError&quot;</code><br><small>Reusable form error component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>message: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FullBleed</strong><br><code>data-component=&quot;FullBleed&quot;</code><br><small>Reusable full bleed component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>hstack</strong><br><code>data-component=&quot;hstack&quot;</code><br><small>Reusable hstack component.</small></td><td><code>gap: string = &quot;4&quot;</code><br><code>align: string = &quot;center&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Inline</strong><br><code>data-component=&quot;Inline&quot;</code><br><small>Reusable inline component.</small></td><td><code>gap: string = &quot;4&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>input</strong><br><code>data-component=&quot;input&quot;</code><br><small>Reusable input component.</small></td><td><code>type: string = &quot;text&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>LegalTableOfContents</strong><br><code>data-component=&quot;LegalTableOfContents&quot;</code><br><small>Reusable legal table of contents component.</small></td><td><code>title: string = &quot;On this page&quot;</code><br><code>items: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Link</strong><br><code>data-component=&quot;Link&quot;</code><br><small>Reusable link component.</small></td><td><code>href: string = &quot;#&quot;</code><br><code>label: string = &quot;Link&quot;</code><br><code>external: boolean = false</code><br><code>className: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>LogoCloud</strong><br><code>data-component=&quot;LogoCloud&quot;</code><br><small>Reusable logo cloud component.</small></td><td><code>title: string = &quot;Trusted by modern teams&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Modal</strong><br><code>data-component=&quot;Modal&quot;</code><br><small>Reusable modal component.</small></td><td><code>title: string = &quot;Dialog&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>size: string = &quot;md&quot;</code><br><code>closeLabel: string = &quot;Close&quot;</code></td><td><code>default</code></td><td><code>click</code></td></tr><tr><td><strong>MultiSelect</strong><br><code>data-component=&quot;MultiSelect&quot;</code><br><small>Reusable multi select component.</small></td><td><code>id: string = &quot;multi-select&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Choose options&quot;</code><br><code>options: string = []</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>size: number = 5</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>NarrowContainer</strong><br><code>data-component=&quot;NarrowContainer&quot;</code><br><small>Reusable narrow container component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NotificationDot</strong><br><code>data-component=&quot;NotificationDot&quot;</code><br><small>Reusable notification dot component.</small></td><td><code>label: string = &quot;Notification&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PageHeading</strong><br><code>data-component=&quot;PageHeading&quot;</code><br><small>Reusable page heading component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PageShell</strong><br><code>data-component=&quot;PageShell&quot;</code><br><small>Reusable page shell component.</small></td><td><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Pagination</strong><br><code>data-component=&quot;Pagination&quot;</code><br><small>Reusable pagination component.</small></td><td><code>page: number = 1</code><br><code>totalPages: number = 1</code><br><code>previousHref: string = &quot;#&quot;</code><br><code>nextHref: string = &quot;#&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Pill</strong><br><code>data-component=&quot;Pill&quot;</code><br><small>Reusable pill component.</small></td><td><code>label: string = &quot;Pill&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>progress</strong><br><code>data-component=&quot;progress&quot;</code><br><small>Reusable progress component.</small></td><td><code>value: number = 0</code><br><code>max: number = 100</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>ProgressBar</strong><br><code>data-component=&quot;ProgressBar&quot;</code><br><small>Reusable progress bar component.</small></td><td><code>value: number = 0</code><br><code>max: number = 100</code><br><code>label: string = &quot;Progress&quot;</code><br><code>showValue: boolean = true</code></td><td>None</td><td>None</td></tr><tr><td><strong>PublicFooter</strong><br><code>data-component=&quot;PublicFooter&quot;</code><br><small>Reusable public footer component.</small></td><td><code>brand: string = &quot;WRNexusJS&quot;</code><br><code>description: string = &quot;SSR-first, Bun-native full-stack framework.&quot;</code><br><code>copyright: string = &quot;© 2026 WorkRoot Workspace&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Radio</strong><br><code>data-component=&quot;Radio&quot;</code><br><small>Reusable radio component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;choice&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>label: string = &quot;Option&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>checked: boolean = false</code><br><code>disabled: boolean = false</code></td><td>None</td><td>None</td></tr><tr><td><strong>ScrollArea</strong><br><code>data-component=&quot;ScrollArea&quot;</code><br><small>Reusable scroll area component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SDKTabs</strong><br><code>data-component=&quot;SDKTabs&quot;</code><br><small>Reusable sdktabs component.</small></td><td><code>label: string = &quot;SDK languages&quot;</code><br><code>tabs: string = []</code><br><code>defaultIndex: number = 0</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>SectionHeading</strong><br><code>data-component=&quot;SectionHeading&quot;</code><br><small>Reusable section heading component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Select</strong><br><code>data-component=&quot;Select&quot;</code><br><small>Reusable select component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Select&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>spacer</strong><br><code>data-component=&quot;spacer&quot;</code><br><small>Reusable spacer component.</small></td><td><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Spinner</strong><br><code>data-component=&quot;Spinner&quot;</code><br><small>Reusable spinner component.</small></td><td><code>label: string = &quot;Loading&quot;</code><br><code>size: string = &quot;md&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Stack</strong><br><code>data-component=&quot;Stack&quot;</code><br><small>Reusable stack component.</small></td><td><code>gap: string = &quot;4&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Sticky</strong><br><code>data-component=&quot;Sticky&quot;</code><br><small>Reusable sticky component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SubsectionHeading</strong><br><code>data-component=&quot;SubsectionHeading&quot;</code><br><small>Reusable subsection heading component.</small></td><td><code>text: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Surface</strong><br><code>data-component=&quot;Surface&quot;</code><br><small>Reusable surface component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Switch</strong><br><code>data-component=&quot;Switch&quot;</code><br><small>Reusable switch component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Switch&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>checked: boolean = false</code><br><code>disabled: boolean = false</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>tag</strong><br><code>data-component=&quot;tag&quot;</code><br><small>Reusable tag component.</small></td><td><code>label: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Textarea</strong><br><code>data-component=&quot;Textarea&quot;</code><br><small>Reusable textarea component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Message&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>rows: number = 5</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code></td><td>None</td><td>None</td></tr><tr><td><strong>theme-toggle</strong><br><code>data-component=&quot;theme-toggle&quot;</code><br><small>Reusable theme-toggle component.</small></td><td><code>label: string = &quot;Toggle theme&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Toast</strong><br><code>data-component=&quot;Toast&quot;</code><br><small>Reusable toast component.</small></td><td><code>title: string = &quot;Saved&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>variant: string = &quot;success&quot;</code><br><code>duration: number = 5000</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>Typography</strong><br><code>data-component=&quot;Typography&quot;</code><br><small>Reusable typography component.</small></td><td><code>as: string = &quot;p&quot;</code><br><code>variant: string = &quot;body&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VisuallyHidden</strong><br><code>data-component=&quot;VisuallyHidden&quot;</code><br><small>Reusable visually hidden component.</small></td><td><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Well</strong><br><code>data-component=&quot;Well&quot;</code><br><small>Reusable well component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WideContainer</strong><br><code>data-component=&quot;WideContainer&quot;</code><br><small>Reusable wide container component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Data</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>ActiveFilterList</strong><br><code>data-component=&quot;ActiveFilterList&quot;</code><br><small>Reusable active filter list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ActivityList</strong><br><code>data-component=&quot;ActivityList&quot;</code><br><small>Reusable activity list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiHeaderTable</strong><br><code>data-component=&quot;ApiHeaderTable&quot;</code><br><small>Reusable api header table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiParameterTable</strong><br><code>data-component=&quot;ApiParameterTable&quot;</code><br><small>Reusable api parameter table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiSchemaTable</strong><br><code>data-component=&quot;ApiSchemaTable&quot;</code><br><small>Reusable api schema table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuditTable</strong><br><code>data-component=&quot;AuditTable&quot;</code><br><small>Reusable audit table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AutoGrid</strong><br><code>data-component=&quot;AutoGrid&quot;</code><br><small>Reusable auto grid component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BlogGrid</strong><br><code>data-component=&quot;BlogGrid&quot;</code><br><small>Reusable blog grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BlogList</strong><br><code>data-component=&quot;BlogList&quot;</code><br><small>Reusable blog list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CalendarGrid</strong><br><code>data-component=&quot;CalendarGrid&quot;</code><br><small>Reusable calendar grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CapabilityGrid</strong><br><code>data-component=&quot;CapabilityGrid&quot;</code><br><small>Reusable capability grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CareerBenefitsGrid</strong><br><code>data-component=&quot;CareerBenefitsGrid&quot;</code><br><small>Reusable career benefits grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelComparisonTable</strong><br><code>data-component=&quot;ChannelComparisonTable&quot;</code><br><small>Reusable channel comparison table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelRateTable</strong><br><code>data-component=&quot;ChannelRateTable&quot;</code><br><small>Reusable channel rate table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ColorGrid</strong><br><code>data-component=&quot;ColorGrid&quot;</code><br><small>Reusable color grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComparisonTable</strong><br><code>data-component=&quot;ComparisonTable&quot;</code><br><small>Reusable comparison table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComplianceBadgeList</strong><br><code>data-component=&quot;ComplianceBadgeList&quot;</code><br><small>Reusable compliance badge list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConversationList</strong><br><code>data-component=&quot;ConversationList&quot;</code><br><small>Reusable conversation list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookieCategoryList</strong><br><code>data-component=&quot;CookieCategoryList&quot;</code><br><small>Reusable cookie category list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookieDetailsTable</strong><br><code>data-component=&quot;CookieDetailsTable&quot;</code><br><small>Reusable cookie details table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookieTable</strong><br><code>data-component=&quot;CookieTable&quot;</code><br><small>Reusable cookie table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DataRetentionTable</strong><br><code>data-component=&quot;DataRetentionTable&quot;</code><br><small>Reusable data retention table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DataTable</strong><br><code>data-component=&quot;DataTable&quot;</code><br><small>Reusable data table component.</small></td><td><code>caption: string = &quot;Data table&quot;</code><br><code>columns: string = []</code><br><code>rows: string = []</code><br><code>emptyMessage: string = &quot;No data available.&quot;</code><br><code>striped: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DefinitionList</strong><br><code>data-component=&quot;DefinitionList&quot;</code><br><small>Reusable definition list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DescriptionList</strong><br><code>data-component=&quot;DescriptionList&quot;</code><br><small>Reusable description list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EventTable</strong><br><code>data-component=&quot;EventTable&quot;</code><br><small>Reusable event table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureComparisonTable</strong><br><code>data-component=&quot;FeatureComparisonTable&quot;</code><br><small>Reusable feature comparison table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureGrid</strong><br><code>data-component=&quot;FeatureGrid&quot;</code><br><small>Reusable feature grid component.</small></td><td><code>columns: number = 3</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureList</strong><br><code>data-component=&quot;FeatureList&quot;</code><br><small>Reusable feature list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileList</strong><br><code>data-component=&quot;FileList&quot;</code><br><small>Reusable file list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FilterableTable</strong><br><code>data-component=&quot;FilterableTable&quot;</code><br><small>Reusable filterable table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormGrid</strong><br><code>data-component=&quot;FormGrid&quot;</code><br><small>Reusable form grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormRow</strong><br><code>data-component=&quot;FormRow&quot;</code><br><small>Reusable form row component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Grid</strong><br><code>data-component=&quot;Grid&quot;</code><br><small>Reusable grid component.</small></td><td><code>gap: string = &quot;4&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GuideGrid</strong><br><code>data-component=&quot;GuideGrid&quot;</code><br><small>Reusable guide grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentList</strong><br><code>data-component=&quot;IncidentList&quot;</code><br><small>Reusable incident list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>KeyValueTable</strong><br><code>data-component=&quot;KeyValueTable&quot;</code><br><small>Reusable key value table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LeadershipGrid</strong><br><code>data-component=&quot;LeadershipGrid&quot;</code><br><small>Reusable leadership grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalBulletList</strong><br><code>data-component=&quot;LegalBulletList&quot;</code><br><small>Reusable legal bullet list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalDefinitionList</strong><br><code>data-component=&quot;LegalDefinitionList&quot;</code><br><small>Reusable legal definition list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalTable</strong><br><code>data-component=&quot;LegalTable&quot;</code><br><small>Reusable legal table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>List</strong><br><code>data-component=&quot;List&quot;</code><br><small>Reusable list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LogTable</strong><br><code>data-component=&quot;LogTable&quot;</code><br><small>Reusable log table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MemberList</strong><br><code>data-component=&quot;MemberList&quot;</code><br><small>Reusable member list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MetricGrid</strong><br><code>data-component=&quot;MetricGrid&quot;</code><br><small>Reusable metric grid component.</small></td><td><code>label: string = &quot;Key metrics&quot;</code><br><code>metrics: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>NotificationList</strong><br><code>data-component=&quot;NotificationList&quot;</code><br><small>Reusable notification list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PartnerLogoGrid</strong><br><code>data-component=&quot;PartnerLogoGrid&quot;</code><br><small>Reusable partner logo grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PasswordRequirementList</strong><br><code>data-component=&quot;PasswordRequirementList&quot;</code><br><small>Reusable password requirement list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlanFeatureList</strong><br><code>data-component=&quot;PlanFeatureList&quot;</code><br><small>Reusable plan feature list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlanLimitList</strong><br><code>data-component=&quot;PlanLimitList&quot;</code><br><small>Reusable plan limit list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PolicyVersionTable</strong><br><code>data-component=&quot;PolicyVersionTable&quot;</code><br><small>Reusable policy version table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingComparisonTable</strong><br><code>data-component=&quot;PricingComparisonTable&quot;</code><br><small>Reusable pricing comparison table component.</small></td><td><code>caption: string = &quot;Plan comparison&quot;</code><br><code>plans: string = []</code><br><code>features: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>PricingGrid</strong><br><code>data-component=&quot;PricingGrid&quot;</code><br><small>Reusable pricing grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingTable</strong><br><code>data-component=&quot;PricingTable&quot;</code><br><small>Reusable pricing table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductFeatureList</strong><br><code>data-component=&quot;ProductFeatureList&quot;</code><br><small>Reusable product feature list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductGrid</strong><br><code>data-component=&quot;ProductGrid&quot;</code><br><small>Reusable product grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductIntegrationList</strong><br><code>data-component=&quot;ProductIntegrationList&quot;</code><br><small>Reusable product integration list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductList</strong><br><code>data-component=&quot;ProductList&quot;</code><br><small>Reusable product list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductUseCaseList</strong><br><code>data-component=&quot;ProductUseCaseList&quot;</code><br><small>Reusable product use case list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RateTable</strong><br><code>data-component=&quot;RateTable&quot;</code><br><small>Reusable rate table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegionAvailabilityTable</strong><br><code>data-component=&quot;RegionAvailabilityTable&quot;</code><br><small>Reusable region availability table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResponsiveTable</strong><br><code>data-component=&quot;ResponsiveTable&quot;</code><br><small>Reusable responsive table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RetentionTable</strong><br><code>data-component=&quot;RetentionTable&quot;</code><br><small>Reusable retention table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityPillarGrid</strong><br><code>data-component=&quot;SecurityPillarGrid&quot;</code><br><small>Reusable security pillar grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityPracticeList</strong><br><code>data-component=&quot;SecurityPracticeList&quot;</code><br><small>Reusable security practice list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ServiceLevelTable</strong><br><code>data-component=&quot;ServiceLevelTable&quot;</code><br><small>Reusable service level table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ServiceStatusList</strong><br><code>data-component=&quot;ServiceStatusList&quot;</code><br><small>Reusable service status list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ServiceStatusRow</strong><br><code>data-component=&quot;ServiceStatusRow&quot;</code><br><small>Reusable service status row component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SlaTable</strong><br><code>data-component=&quot;SlaTable&quot;</code><br><small>Reusable sla table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SortableTable</strong><br><code>data-component=&quot;SortableTable&quot;</code><br><small>Reusable sortable table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StatusTable</strong><br><code>data-component=&quot;StatusTable&quot;</code><br><small>Reusable status table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SubprocessorTable</strong><br><code>data-component=&quot;SubprocessorTable&quot;</code><br><small>Reusable subprocessor table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Table</strong><br><code>data-component=&quot;Table&quot;</code><br><small>Reusable table component.</small></td><td><code>caption: string = &quot;Data table&quot;</code><br><code>responsive: boolean = true</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TableRow</strong><br><code>data-component=&quot;TableRow&quot;</code><br><small>Reusable table row component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TreeTable</strong><br><code>data-component=&quot;TreeTable&quot;</code><br><small>Reusable tree table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TrustBadgeList</strong><br><code>data-component=&quot;TrustBadgeList&quot;</code><br><small>Reusable trust badge list component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UsagePricingTable</strong><br><code>data-component=&quot;UsagePricingTable&quot;</code><br><small>Reusable usage pricing table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ValuesGrid</strong><br><code>data-component=&quot;ValuesGrid&quot;</code><br><small>Reusable values grid component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VirtualizedTable</strong><br><code>data-component=&quot;VirtualizedTable&quot;</code><br><small>Reusable virtualized table component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>empty: boolean = false</code><br><code>emptyText: string = &quot;No items available.&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Feedback</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AccountStatusBanner</strong><br><code>data-component=&quot;AccountStatusBanner&quot;</code><br><small>Reusable account status banner component.</small></td><td><code>label: string = &quot;AccountStatus&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Alert</strong><br><code>data-component=&quot;Alert&quot;</code><br><small>Reusable alert component.</small></td><td><code>title: string = &quot;Notice&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>variant: string = &quot;info&quot;</code><br><code>dismissible: boolean = false</code></td><td><code>default</code></td><td><code>click</code></td></tr><tr><td><strong>ApiAuthenticationNotice</strong><br><code>data-component=&quot;ApiAuthenticationNotice&quot;</code><br><small>Reusable api authentication notice component.</small></td><td><code>label: string = &quot;ApiAuthentication&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiMethodBadge</strong><br><code>data-component=&quot;ApiMethodBadge&quot;</code><br><small>Reusable api method badge component.</small></td><td><code>label: string = &quot;ApiMethod&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiRateLimitNotice</strong><br><code>data-component=&quot;ApiRateLimitNotice&quot;</code><br><small>Reusable api rate limit notice component.</small></td><td><code>label: string = &quot;ApiRateLimit&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiVersionBadge</strong><br><code>data-component=&quot;ApiVersionBadge&quot;</code><br><small>Reusable api version badge component.</small></td><td><code>label: string = &quot;ApiVersion&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Badge</strong><br><code>data-component=&quot;Badge&quot;</code><br><small>Reusable badge component.</small></td><td><code>label: string = &quot;Badge&quot;</code><br><code>variant: string = &quot;neutral&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Banner</strong><br><code>data-component=&quot;Banner&quot;</code><br><small>Reusable banner component.</small></td><td><code>text: string = &quot;Announcement&quot;</code><br><code>href: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;Learn more&quot;</code><br><code>variant: string = &quot;brand&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>BetaBadge</strong><br><code>data-component=&quot;BetaBadge&quot;</code><br><small>Reusable beta badge component.</small></td><td><code>label: string = &quot;Beta&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CardSkeleton</strong><br><code>data-component=&quot;CardSkeleton&quot;</code><br><small>Reusable card skeleton component.</small></td><td><code>label: string = &quot;Card&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CertificationBadge</strong><br><code>data-component=&quot;CertificationBadge&quot;</code><br><small>Reusable certification badge component.</small></td><td><code>label: string = &quot;Certification&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelBadge</strong><br><code>data-component=&quot;ChannelBadge&quot;</code><br><small>Reusable channel badge component.</small></td><td><code>label: string = &quot;Channel&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CharacterCounter</strong><br><code>data-component=&quot;CharacterCounter&quot;</code><br><small>Reusable character counter component.</small></td><td><code>label: string = &quot;Character&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChartEmptyState</strong><br><code>data-component=&quot;ChartEmptyState&quot;</code><br><small>Reusable chart empty state component.</small></td><td><code>label: string = &quot;ChartEmpty&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeLanguageBadge</strong><br><code>data-component=&quot;CodeLanguageBadge&quot;</code><br><small>Reusable code language badge component.</small></td><td><code>label: string = &quot;CodeLanguage&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComingSoonBadge</strong><br><code>data-component=&quot;ComingSoonBadge&quot;</code><br><small>Reusable coming soon badge component.</small></td><td><code>label: string = &quot;ComingSoon&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComingSoonState</strong><br><code>data-component=&quot;ComingSoonState&quot;</code><br><small>Reusable coming soon state component.</small></td><td><code>label: string = &quot;ComingSoon&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookieBanner</strong><br><code>data-component=&quot;CookieBanner&quot;</code><br><small>Reusable cookie banner component.</small></td><td><code>title: string = &quot;We use cookies&quot;</code><br><code>description: string = &quot;We use essential cookies and optional analytics to improve your experience.&quot;</code><br><code>privacyHref: string = &quot;/privacy&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>Counter</strong><br><code>data-component=&quot;Counter&quot;</code><br><small>Reusable counter component.</small></td><td><code>label: string = &quot;Status&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeprecatedFeatureAlert</strong><br><code>data-component=&quot;DeprecatedFeatureAlert&quot;</code><br><small>Reusable deprecated feature alert component.</small></td><td><code>label: string = &quot;DeprecatedFeature&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EmptyState</strong><br><code>data-component=&quot;EmptyState&quot;</code><br><small>Reusable empty state component.</small></td><td><code>icon: string = &quot;◇&quot;</code><br><code>title: string = &quot;Nothing here yet&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>actionLabel: string = &quot;&quot;</code><br><code>actionHref: string = &quot;#&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>ErrorState</strong><br><code>data-component=&quot;ErrorState&quot;</code><br><small>Reusable error state component.</small></td><td><code>code: string = &quot;500&quot;</code><br><code>title: string = &quot;Something went wrong&quot;</code><br><code>description: string = &quot;Please try again.&quot;</code><br><code>actionLabel: string = &quot;Try again&quot;</code><br><code>actionHref: string = &quot;/&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>FeatureUnavailableState</strong><br><code>data-component=&quot;FeatureUnavailableState&quot;</code><br><small>Reusable feature unavailable state component.</small></td><td><code>label: string = &quot;FeatureUnavailable&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileTypeBadge</strong><br><code>data-component=&quot;FileTypeBadge&quot;</code><br><small>Reusable file type badge component.</small></td><td><code>label: string = &quot;FileType&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FooterStatusIndicator</strong><br><code>data-component=&quot;FooterStatusIndicator&quot;</code><br><small>Reusable footer status indicator component.</small></td><td><code>label: string = &quot;FooterStatus&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ForbiddenState</strong><br><code>data-component=&quot;ForbiddenState&quot;</code><br><small>Reusable forbidden state component.</small></td><td><code>label: string = &quot;Forbidden&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormAlert</strong><br><code>data-component=&quot;FormAlert&quot;</code><br><small>Reusable form alert component.</small></td><td><code>label: string = &quot;Form&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GuideDifficultyBadge</strong><br><code>data-component=&quot;GuideDifficultyBadge&quot;</code><br><small>Reusable guide difficulty badge component.</small></td><td><code>label: string = &quot;GuideDifficulty&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HealthIndicator</strong><br><code>data-component=&quot;HealthIndicator&quot;</code><br><small>Reusable health indicator component.</small></td><td><code>label: string = &quot;Health&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentAlert</strong><br><code>data-component=&quot;IncidentAlert&quot;</code><br><small>Reusable incident alert component.</small></td><td><code>label: string = &quot;Incident&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentBanner</strong><br><code>data-component=&quot;IncidentBanner&quot;</code><br><small>Reusable incident banner component.</small></td><td><code>label: string = &quot;Incident&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentSeverityBadge</strong><br><code>data-component=&quot;IncidentSeverityBadge&quot;</code><br><small>Reusable incident severity badge component.</small></td><td><code>label: string = &quot;IncidentSeverity&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IndustryBadge</strong><br><code>data-component=&quot;IndustryBadge&quot;</code><br><small>Reusable industry badge component.</small></td><td><code>label: string = &quot;Industry&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InlineAlert</strong><br><code>data-component=&quot;InlineAlert&quot;</code><br><small>Reusable inline alert component.</small></td><td><code>label: string = &quot;Inline&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalAcceptanceNotice</strong><br><code>data-component=&quot;LegalAcceptanceNotice&quot;</code><br><small>Reusable legal acceptance notice component.</small></td><td><code>label: string = &quot;LegalAcceptance&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalNotice</strong><br><code>data-component=&quot;LegalNotice&quot;</code><br><small>Reusable legal notice component.</small></td><td><code>label: string = &quot;Legal&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalVersionBadge</strong><br><code>data-component=&quot;LegalVersionBadge&quot;</code><br><small>Reusable legal version badge component.</small></td><td><code>label: string = &quot;LegalVersion&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenanceAlert</strong><br><code>data-component=&quot;MaintenanceAlert&quot;</code><br><small>Reusable maintenance alert component.</small></td><td><code>label: string = &quot;Maintenance&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenanceBanner</strong><br><code>data-component=&quot;MaintenanceBanner&quot;</code><br><small>Reusable maintenance banner component.</small></td><td><code>label: string = &quot;Maintenance&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenanceState</strong><br><code>data-component=&quot;MaintenanceState&quot;</code><br><small>Reusable maintenance state component.</small></td><td><code>label: string = &quot;Maintenance&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessageCharacterCounter</strong><br><code>data-component=&quot;MessageCharacterCounter&quot;</code><br><small>Reusable message character counter component.</small></td><td><code>label: string = &quot;MessageCharacter&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NewBadge</strong><br><code>data-component=&quot;NewBadge&quot;</code><br><small>Reusable new badge component.</small></td><td><code>label: string = &quot;New&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NoResultsState</strong><br><code>data-component=&quot;NoResultsState&quot;</code><br><small>Reusable no results state component.</small></td><td><code>label: string = &quot;NoResults&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NotFoundState</strong><br><code>data-component=&quot;NotFoundState&quot;</code><br><small>Reusable not found state component.</small></td><td><code>label: string = &quot;NotFound&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OfflineState</strong><br><code>data-component=&quot;OfflineState&quot;</code><br><small>Reusable offline state component.</small></td><td><code>label: string = &quot;Offline&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OnlineIndicator</strong><br><code>data-component=&quot;OnlineIndicator&quot;</code><br><small>Reusable online indicator component.</small></td><td><code>label: string = &quot;Online&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OptionalIndicator</strong><br><code>data-component=&quot;OptionalIndicator&quot;</code><br><small>Reusable optional indicator component.</small></td><td><code>label: string = &quot;Optional&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PageAlert</strong><br><code>data-component=&quot;PageAlert&quot;</code><br><small>Reusable page alert component.</small></td><td><code>label: string = &quot;Page&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PageSkeleton</strong><br><code>data-component=&quot;PageSkeleton&quot;</code><br><small>Reusable page skeleton component.</small></td><td><code>label: string = &quot;Page&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PreviewBadge</strong><br><code>data-component=&quot;PreviewBadge&quot;</code><br><small>Reusable preview badge component.</small></td><td><code>label: string = &quot;Preview&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PrivacyNotice</strong><br><code>data-component=&quot;PrivacyNotice&quot;</code><br><small>Reusable privacy notice component.</small></td><td><code>label: string = &quot;Privacy&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductStatusBadge</strong><br><code>data-component=&quot;ProductStatusBadge&quot;</code><br><small>Reusable product status badge component.</small></td><td><code>label: string = &quot;ProductStatus&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RateLimitedState</strong><br><code>data-component=&quot;RateLimitedState&quot;</code><br><small>Reusable rate limited state component.</small></td><td><code>label: string = &quot;RateLimited&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegionalPrivacyBanner</strong><br><code>data-component=&quot;RegionalPrivacyBanner&quot;</code><br><small>Reusable regional privacy banner component.</small></td><td><code>label: string = &quot;RegionalPrivacy&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegionUnavailableAlert</strong><br><code>data-component=&quot;RegionUnavailableAlert&quot;</code><br><small>Reusable region unavailable alert component.</small></td><td><code>label: string = &quot;RegionUnavailable&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegionUnavailableState</strong><br><code>data-component=&quot;RegionUnavailableState&quot;</code><br><small>Reusable region unavailable state component.</small></td><td><code>label: string = &quot;RegionUnavailable&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RequiredIndicator</strong><br><code>data-component=&quot;RequiredIndicator&quot;</code><br><small>Reusable required indicator component.</small></td><td><code>label: string = &quot;Required&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourceTypeBadge</strong><br><code>data-component=&quot;ResourceTypeBadge&quot;</code><br><small>Reusable resource type badge component.</small></td><td><code>label: string = &quot;ResourceType&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchEmptyState</strong><br><code>data-component=&quot;SearchEmptyState&quot;</code><br><small>Reusable search empty state component.</small></td><td><code>label: string = &quot;SearchEmpty&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchLoadingState</strong><br><code>data-component=&quot;SearchLoadingState&quot;</code><br><small>Reusable search loading state component.</small></td><td><code>label: string = &quot;SearchLoading&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityAlert</strong><br><code>data-component=&quot;SecurityAlert&quot;</code><br><small>Reusable security alert component.</small></td><td><code>label: string = &quot;Security&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ServiceStatusBadge</strong><br><code>data-component=&quot;ServiceStatusBadge&quot;</code><br><small>Reusable service status badge component.</small></td><td><code>label: string = &quot;ServiceStatus&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Skeleton</strong><br><code>data-component=&quot;Skeleton&quot;</code><br><small>Reusable skeleton component.</small></td><td><code>height: string = &quot;4&quot;</code><br><code>rounded: string = &quot;lg&quot;</code><br><code>className: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>SmsSegmentCounter</strong><br><code>data-component=&quot;SmsSegmentCounter&quot;</code><br><small>Reusable sms segment counter component.</small></td><td><code>label: string = &quot;SmsSegment&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StatusBadge</strong><br><code>data-component=&quot;StatusBadge&quot;</code><br><small>Reusable status badge component.</small></td><td><code>status: string = &quot;operational&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>SuccessState</strong><br><code>data-component=&quot;SuccessState&quot;</code><br><small>Reusable success state component.</small></td><td><code>label: string = &quot;Success&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TableSkeleton</strong><br><code>data-component=&quot;TableSkeleton&quot;</code><br><small>Reusable table skeleton component.</small></td><td><code>label: string = &quot;Table&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TaxNotice</strong><br><code>data-component=&quot;TaxNotice&quot;</code><br><small>Reusable tax notice component.</small></td><td><code>label: string = &quot;Tax&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TextSkeleton</strong><br><code>data-component=&quot;TextSkeleton&quot;</code><br><small>Reusable text skeleton component.</small></td><td><code>label: string = &quot;Text&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TrendIndicator</strong><br><code>data-component=&quot;TrendIndicator&quot;</code><br><small>Reusable trend indicator component.</small></td><td><code>label: string = &quot;Trend&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UnavailableRegionState</strong><br><code>data-component=&quot;UnavailableRegionState&quot;</code><br><small>Reusable unavailable region state component.</small></td><td><code>label: string = &quot;UnavailableRegion&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VerifiedBadge</strong><br><code>data-component=&quot;VerifiedBadge&quot;</code><br><small>Reusable verified badge component.</small></td><td><code>label: string = &quot;Verified&quot;</code><br><code>variant: string = &quot;default&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Forms</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AddressInput</strong><br><code>data-component=&quot;AddressInput&quot;</code><br><small>Reusable address input component.</small></td><td><code>label: string = &quot;Address&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AmountInput</strong><br><code>data-component=&quot;AmountInput&quot;</code><br><small>Reusable amount input component.</small></td><td><code>label: string = &quot;Amount&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApartmentInput</strong><br><code>data-component=&quot;ApartmentInput&quot;</code><br><small>Reusable apartment input component.</small></td><td><code>label: string = &quot;Apartment&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiKeyInput</strong><br><code>data-component=&quot;ApiKeyInput&quot;</code><br><small>Reusable api key input component.</small></td><td><code>label: string = &quot;ApiKey&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AttachmentPicker</strong><br><code>data-component=&quot;AttachmentPicker&quot;</code><br><small>Reusable attachment picker component.</small></td><td><code>label: string = &quot;Attachment&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AuthenticatorCodeInput</strong><br><code>data-component=&quot;AuthenticatorCodeInput&quot;</code><br><small>Reusable authenticator code input component.</small></td><td><code>label: string = &quot;AuthenticatorCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AvatarGroup</strong><br><code>data-component=&quot;AvatarGroup&quot;</code><br><small>Reusable avatar group component.</small></td><td><code>label: string = &quot;Avatar&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BillingPeriodToggle</strong><br><code>data-component=&quot;BillingPeriodToggle&quot;</code><br><small>Reusable billing period toggle component.</small></td><td><code>label: string = &quot;BillingPeriod&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BlackoutDatePicker</strong><br><code>data-component=&quot;BlackoutDatePicker&quot;</code><br><small>Reusable blackout date picker component.</small></td><td><code>label: string = &quot;BlackoutDate&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BorderRadiusPicker</strong><br><code>data-component=&quot;BorderRadiusPicker&quot;</code><br><small>Reusable border radius picker component.</small></td><td><code>label: string = &quot;BorderRadius&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BrandColorPicker</strong><br><code>data-component=&quot;BrandColorPicker&quot;</code><br><small>Reusable brand color picker component.</small></td><td><code>label: string = &quot;BrandColor&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BrandSelector</strong><br><code>data-component=&quot;BrandSelector&quot;</code><br><small>Reusable brand selector component.</small></td><td><code>label: string = &quot;Brand&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BudgetSelector</strong><br><code>data-component=&quot;BudgetSelector&quot;</code><br><small>Reusable budget selector component.</small></td><td><code>label: string = &quot;Budget&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BusinessHoursPicker</strong><br><code>data-component=&quot;BusinessHoursPicker&quot;</code><br><small>Reusable business hours picker component.</small></td><td><code>label: string = &quot;BusinessHours&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ButtonGroup</strong><br><code>data-component=&quot;ButtonGroup&quot;</code><br><small>Reusable button group component.</small></td><td><code>label: string = &quot;Button&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ButtonSelector</strong><br><code>data-component=&quot;ButtonSelector&quot;</code><br><small>Reusable button selector component.</small></td><td><code>label: string = &quot;Button&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CallbackUrlInput</strong><br><code>data-component=&quot;CallbackUrlInput&quot;</code><br><small>Reusable callback url input component.</small></td><td><code>label: string = &quot;CallbackUrl&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CaptchaField</strong><br><code>data-component=&quot;CaptchaField&quot;</code><br><small>Reusable captcha field component.</small></td><td><code>label: string = &quot;Captcha&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CardSelector</strong><br><code>data-component=&quot;CardSelector&quot;</code><br><small>Reusable card selector component.</small></td><td><code>label: string = &quot;Card&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelSelector</strong><br><code>data-component=&quot;ChannelSelector&quot;</code><br><small>Reusable channel selector component.</small></td><td><code>label: string = &quot;Channel&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CheckboxGroup</strong><br><code>data-component=&quot;CheckboxGroup&quot;</code><br><small>Reusable checkbox group component.</small></td><td><code>label: string = &quot;Checkbox&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChipInput</strong><br><code>data-component=&quot;ChipInput&quot;</code><br><small>Reusable chip input component.</small></td><td><code>label: string = &quot;Chip&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CitySelector</strong><br><code>data-component=&quot;CitySelector&quot;</code><br><small>Reusable city selector component.</small></td><td><code>label: string = &quot;City&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeInput</strong><br><code>data-component=&quot;CodeInput&quot;</code><br><small>Reusable code input component.</small></td><td><code>label: string = &quot;Code&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ColorHexInput</strong><br><code>data-component=&quot;ColorHexInput&quot;</code><br><small>Reusable color hex input component.</small></td><td><code>label: string = &quot;ColorHex&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ColorPicker</strong><br><code>data-component=&quot;ColorPicker&quot;</code><br><small>Reusable color picker component.</small></td><td><code>label: string = &quot;Color&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ColorSelector</strong><br><code>data-component=&quot;ColorSelector&quot;</code><br><small>Reusable color selector component.</small></td><td><code>label: string = &quot;Color&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CommandSearchInput</strong><br><code>data-component=&quot;CommandSearchInput&quot;</code><br><small>Reusable command search input component.</small></td><td><code>label: string = &quot;CommandSearch&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CompanyNameInput</strong><br><code>data-component=&quot;CompanyNameInput&quot;</code><br><small>Reusable company name input component.</small></td><td><code>label: string = &quot;CompanyName&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CompanySizeSelector</strong><br><code>data-component=&quot;CompanySizeSelector&quot;</code><br><small>Reusable company size selector component.</small></td><td><code>label: string = &quot;CompanySize&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ComparisonDateRangePicker</strong><br><code>data-component=&quot;ComparisonDateRangePicker&quot;</code><br><small>Reusable comparison date range picker component.</small></td><td><code>label: string = &quot;ComparisonDateRange&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConfirmPasswordInput</strong><br><code>data-component=&quot;ConfirmPasswordInput&quot;</code><br><small>Reusable confirm password input component.</small></td><td><code>label: string = &quot;ConfirmPassword&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookieCategoryToggle</strong><br><code>data-component=&quot;CookieCategoryToggle&quot;</code><br><small>Reusable cookie category toggle component.</small></td><td><code>label: string = &quot;CookieCategory&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CoordinatesInput</strong><br><code>data-component=&quot;CoordinatesInput&quot;</code><br><small>Reusable coordinates input component.</small></td><td><code>label: string = &quot;Coordinates&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CoordinatesPicker</strong><br><code>data-component=&quot;CoordinatesPicker&quot;</code><br><small>Reusable coordinates picker component.</small></td><td><code>label: string = &quot;Coordinates&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CopySecretField</strong><br><code>data-component=&quot;CopySecretField&quot;</code><br><small>Reusable copy secret field component.</small></td><td><code>label: string = &quot;CopySecret&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CountryCallingCodeInput</strong><br><code>data-component=&quot;CountryCallingCodeInput&quot;</code><br><small>Reusable country calling code input component.</small></td><td><code>label: string = &quot;CountryCallingCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CountryCallingCodeSelector</strong><br><code>data-component=&quot;CountryCallingCodeSelector&quot;</code><br><small>Reusable country calling code selector component.</small></td><td><code>label: string = &quot;CountryCallingCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CountrySelector</strong><br><code>data-component=&quot;CountrySelector&quot;</code><br><small>Reusable country selector component.</small></td><td><code>label: string = &quot;Country&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CouponInput</strong><br><code>data-component=&quot;CouponInput&quot;</code><br><small>Reusable coupon input component.</small></td><td><code>label: string = &quot;Coupon&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CreditAmountInput</strong><br><code>data-component=&quot;CreditAmountInput&quot;</code><br><small>Reusable credit amount input component.</small></td><td><code>label: string = &quot;CreditAmount&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CronInput</strong><br><code>data-component=&quot;CronInput&quot;</code><br><small>Reusable cron input component.</small></td><td><code>label: string = &quot;Cron&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CurrencyInput</strong><br><code>data-component=&quot;CurrencyInput&quot;</code><br><small>Reusable currency input component.</small></td><td><code>label: string = &quot;Currency&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CurrencySelector</strong><br><code>data-component=&quot;CurrencySelector&quot;</code><br><small>Reusable currency selector component.</small></td><td><code>label: string = &quot;Currency&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CurrentPasswordInput</strong><br><code>data-component=&quot;CurrentPasswordInput&quot;</code><br><small>Reusable current password input component.</small></td><td><code>label: string = &quot;CurrentPassword&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DateInput</strong><br><code>data-component=&quot;DateInput&quot;</code><br><small>Reusable date input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Date&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DatePicker</strong><br><code>data-component=&quot;DatePicker&quot;</code><br><small>Reusable date picker component.</small></td><td><code>id: string = &quot;date&quot;</code><br><code>name: string = &quot;date&quot;</code><br><code>label: string = &quot;Date&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>min: string = &quot;&quot;</code><br><code>max: string = &quot;&quot;</code><br><code>required: boolean = false</code></td><td>None</td><td>None</td></tr><tr><td><strong>DateRangePicker</strong><br><code>data-component=&quot;DateRangePicker&quot;</code><br><small>Reusable date range picker component.</small></td><td><code>label: string = &quot;Date range&quot;</code><br><code>startName: string = &quot;startDate&quot;</code><br><code>endName: string = &quot;endDate&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DateTimeInput</strong><br><code>data-component=&quot;DateTimeInput&quot;</code><br><small>Reusable date time input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;DateTime&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DateTimePicker</strong><br><code>data-component=&quot;DateTimePicker&quot;</code><br><small>Reusable date time picker component.</small></td><td><code>id: string = &quot;datetime-picker&quot;</code><br><code>name: string = &quot;datetime&quot;</code><br><code>label: string = &quot;Date and time&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>min: string = &quot;&quot;</code><br><code>max: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DateTimeRangePicker</strong><br><code>data-component=&quot;DateTimeRangePicker&quot;</code><br><small>Reusable date time range picker component.</small></td><td><code>label: string = &quot;DateTimeRange&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DecimalInput</strong><br><code>data-component=&quot;DecimalInput&quot;</code><br><small>Reusable decimal input component.</small></td><td><code>label: string = &quot;Decimal&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DepartmentInput</strong><br><code>data-component=&quot;DepartmentInput&quot;</code><br><small>Reusable department input component.</small></td><td><code>label: string = &quot;Department&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DiscountInput</strong><br><code>data-component=&quot;DiscountInput&quot;</code><br><small>Reusable discount input component.</small></td><td><code>label: string = &quot;Discount&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DisplayNameInput</strong><br><code>data-component=&quot;DisplayNameInput&quot;</code><br><small>Reusable display name input component.</small></td><td><code>label: string = &quot;DisplayName&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DomainInput</strong><br><code>data-component=&quot;DomainInput&quot;</code><br><small>Reusable domain input component.</small></td><td><code>label: string = &quot;Domain&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DurationInput</strong><br><code>data-component=&quot;DurationInput&quot;</code><br><small>Reusable duration input component.</small></td><td><code>label: string = &quot;Duration&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DurationPicker</strong><br><code>data-component=&quot;DurationPicker&quot;</code><br><small>Reusable duration picker component.</small></td><td><code>label: string = &quot;Duration&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EmailBodyEditor</strong><br><code>data-component=&quot;EmailBodyEditor&quot;</code><br><small>Reusable email body editor component.</small></td><td><code>label: string = &quot;EmailBody&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EmailInput</strong><br><code>data-component=&quot;EmailInput&quot;</code><br><small>Reusable email input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Email&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>EmojiPicker</strong><br><code>data-component=&quot;EmojiPicker&quot;</code><br><small>Reusable emoji picker component.</small></td><td><code>label: string = &quot;Emoji&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EnvironmentSelector</strong><br><code>data-component=&quot;EnvironmentSelector&quot;</code><br><small>Reusable environment selector component.</small></td><td><code>label: string = &quot;Environment&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ExpiryDateTimePicker</strong><br><code>data-component=&quot;ExpiryDateTimePicker&quot;</code><br><small>Reusable expiry date time picker component.</small></td><td><code>label: string = &quot;ExpiryDateTime&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FaxInput</strong><br><code>data-component=&quot;FaxInput&quot;</code><br><small>Reusable fax input component.</small></td><td><code>label: string = &quot;Fax&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileInput</strong><br><code>data-component=&quot;FileInput&quot;</code><br><small>Reusable file input component.</small></td><td><code>label: string = &quot;File&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FileSizeInput</strong><br><code>data-component=&quot;FileSizeInput&quot;</code><br><small>Reusable file size input component.</small></td><td><code>label: string = &quot;FileSize&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FilterSearchInput</strong><br><code>data-component=&quot;FilterSearchInput&quot;</code><br><small>Reusable filter search input component.</small></td><td><code>label: string = &quot;FilterSearch&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FirstNameInput</strong><br><code>data-component=&quot;FirstNameInput&quot;</code><br><small>Reusable first name input component.</small></td><td><code>label: string = &quot;FirstName&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FontPicker</strong><br><code>data-component=&quot;FontPicker&quot;</code><br><small>Reusable font picker component.</small></td><td><code>label: string = &quot;Font&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FontSizePicker</strong><br><code>data-component=&quot;FontSizePicker&quot;</code><br><small>Reusable font size picker component.</small></td><td><code>label: string = &quot;FontSize&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FontWeightPicker</strong><br><code>data-component=&quot;FontWeightPicker&quot;</code><br><small>Reusable font weight picker component.</small></td><td><code>label: string = &quot;FontWeight&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormField</strong><br><code>data-component=&quot;FormField&quot;</code><br><small>Reusable form field component.</small></td><td><code>label: string = &quot;Field&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormGroup</strong><br><code>data-component=&quot;FormGroup&quot;</code><br><small>Reusable form group component.</small></td><td><code>label: string = &quot;Form&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GeofenceEditor</strong><br><code>data-component=&quot;GeofenceEditor&quot;</code><br><small>Reusable geofence editor component.</small></td><td><code>label: string = &quot;Geofence&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GradientPicker</strong><br><code>data-component=&quot;GradientPicker&quot;</code><br><small>Reusable gradient picker component.</small></td><td><code>label: string = &quot;Gradient&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GradientStopEditor</strong><br><code>data-component=&quot;GradientStopEditor&quot;</code><br><small>Reusable gradient stop editor component.</small></td><td><code>label: string = &quot;GradientStop&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HexColorInput</strong><br><code>data-component=&quot;HexColorInput&quot;</code><br><small>Reusable hex color input component.</small></td><td><code>label: string = &quot;HexColor&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HiddenField</strong><br><code>data-component=&quot;HiddenField&quot;</code><br><small>Reusable hidden field component.</small></td><td><code>label: string = &quot;Hidden&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HostnameInput</strong><br><code>data-component=&quot;HostnameInput&quot;</code><br><small>Reusable hostname input component.</small></td><td><code>label: string = &quot;Hostname&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HourPicker</strong><br><code>data-component=&quot;HourPicker&quot;</code><br><small>Reusable hour picker component.</small></td><td><code>label: string = &quot;Hour&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HslColorInput</strong><br><code>data-component=&quot;HslColorInput&quot;</code><br><small>Reusable hsl color input component.</small></td><td><code>label: string = &quot;HslColor&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HtmlEditor</strong><br><code>data-component=&quot;HtmlEditor&quot;</code><br><small>Reusable html editor component.</small></td><td><code>label: string = &quot;Html&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IconPicker</strong><br><code>data-component=&quot;IconPicker&quot;</code><br><small>Reusable icon picker component.</small></td><td><code>label: string = &quot;Icon&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IconSelector</strong><br><code>data-component=&quot;IconSelector&quot;</code><br><small>Reusable icon selector component.</small></td><td><code>label: string = &quot;Icon&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IdentifierInput</strong><br><code>data-component=&quot;IdentifierInput&quot;</code><br><small>Reusable identifier input component.</small></td><td><code>label: string = &quot;Identifier&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImageEditor</strong><br><code>data-component=&quot;ImageEditor&quot;</code><br><small>Reusable image editor component.</small></td><td><code>label: string = &quot;Image&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImageSelector</strong><br><code>data-component=&quot;ImageSelector&quot;</code><br><small>Reusable image selector component.</small></td><td><code>label: string = &quot;Image&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IndustrySelector</strong><br><code>data-component=&quot;IndustrySelector&quot;</code><br><small>Reusable industry selector component.</small></td><td><code>label: string = &quot;Industry&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InputGroup</strong><br><code>data-component=&quot;InputGroup&quot;</code><br><small>Reusable input group component.</small></td><td><code>label: string = &quot;Input&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IntegerInput</strong><br><code>data-component=&quot;IntegerInput&quot;</code><br><small>Reusable integer input component.</small></td><td><code>label: string = &quot;Integer&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IpAddressInput</strong><br><code>data-component=&quot;IpAddressInput&quot;</code><br><small>Reusable ip address input component.</small></td><td><code>label: string = &quot;IpAddress&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>JobTitleInput</strong><br><code>data-component=&quot;JobTitleInput&quot;</code><br><small>Reusable job title input component.</small></td><td><code>label: string = &quot;JobTitle&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>JsonInput</strong><br><code>data-component=&quot;JsonInput&quot;</code><br><small>Reusable json input component.</small></td><td><code>label: string = &quot;Json&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LanguageSelector</strong><br><code>data-component=&quot;LanguageSelector&quot;</code><br><small>Reusable language selector component.</small></td><td><code>label: string = &quot;Language&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LastNameInput</strong><br><code>data-component=&quot;LastNameInput&quot;</code><br><small>Reusable last name input component.</small></td><td><code>label: string = &quot;LastName&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LatitudeInput</strong><br><code>data-component=&quot;LatitudeInput&quot;</code><br><small>Reusable latitude input component.</small></td><td><code>label: string = &quot;Latitude&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalLanguageSelector</strong><br><code>data-component=&quot;LegalLanguageSelector&quot;</code><br><small>Reusable legal language selector component.</small></td><td><code>label: string = &quot;LegalLanguage&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalRegionSelector</strong><br><code>data-component=&quot;LegalRegionSelector&quot;</code><br><small>Reusable legal region selector component.</small></td><td><code>label: string = &quot;LegalRegion&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LetterSpacingPicker</strong><br><code>data-component=&quot;LetterSpacingPicker&quot;</code><br><small>Reusable letter spacing picker component.</small></td><td><code>label: string = &quot;LetterSpacing&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LicenseKeyInput</strong><br><code>data-component=&quot;LicenseKeyInput&quot;</code><br><small>Reusable license key input component.</small></td><td><code>label: string = &quot;LicenseKey&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LineHeightPicker</strong><br><code>data-component=&quot;LineHeightPicker&quot;</code><br><small>Reusable line height picker component.</small></td><td><code>label: string = &quot;LineHeight&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LocaleSelector</strong><br><code>data-component=&quot;LocaleSelector&quot;</code><br><small>Reusable locale selector component.</small></td><td><code>label: string = &quot;Locale&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LocationPicker</strong><br><code>data-component=&quot;LocationPicker&quot;</code><br><small>Reusable location picker component.</small></td><td><code>label: string = &quot;Location&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LongitudeInput</strong><br><code>data-component=&quot;LongitudeInput&quot;</code><br><small>Reusable longitude input component.</small></td><td><code>label: string = &quot;Longitude&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaintenanceWindowPicker</strong><br><code>data-component=&quot;MaintenanceWindowPicker&quot;</code><br><small>Reusable maintenance window picker component.</small></td><td><code>label: string = &quot;MaintenanceWindow&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MapPicker</strong><br><code>data-component=&quot;MapPicker&quot;</code><br><small>Reusable map picker component.</small></td><td><code>label: string = &quot;Map&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MarkdownEditor</strong><br><code>data-component=&quot;MarkdownEditor&quot;</code><br><small>Reusable markdown editor component.</small></td><td><code>label: string = &quot;Markdown&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MaskedSecretField</strong><br><code>data-component=&quot;MaskedSecretField&quot;</code><br><small>Reusable masked secret field component.</small></td><td><code>label: string = &quot;MaskedSecret&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MentionInput</strong><br><code>data-component=&quot;MentionInput&quot;</code><br><small>Reusable mention input component.</small></td><td><code>label: string = &quot;Mention&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MessageLimitInput</strong><br><code>data-component=&quot;MessageLimitInput&quot;</code><br><small>Reusable message limit input component.</small></td><td><code>label: string = &quot;MessageLimit&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MinutePicker</strong><br><code>data-component=&quot;MinutePicker&quot;</code><br><small>Reusable minute picker component.</small></td><td><code>label: string = &quot;Minute&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MobileInput</strong><br><code>data-component=&quot;MobileInput&quot;</code><br><small>Reusable mobile input component.</small></td><td><code>label: string = &quot;Mobile&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MonthlyVolumeSelector</strong><br><code>data-component=&quot;MonthlyVolumeSelector&quot;</code><br><small>Reusable monthly volume selector component.</small></td><td><code>label: string = &quot;MonthlyVolume&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MonthPicker</strong><br><code>data-component=&quot;MonthPicker&quot;</code><br><small>Reusable month picker component.</small></td><td><code>label: string = &quot;Month&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MonthYearPicker</strong><br><code>data-component=&quot;MonthYearPicker&quot;</code><br><small>Reusable month year picker component.</small></td><td><code>label: string = &quot;MonthYear&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MultipleEmailInput</strong><br><code>data-component=&quot;MultipleEmailInput&quot;</code><br><small>Reusable multiple email input component.</small></td><td><code>label: string = &quot;MultipleEmail&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NameInput</strong><br><code>data-component=&quot;NameInput&quot;</code><br><small>Reusable name input component.</small></td><td><code>label: string = &quot;Name&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NewPasswordInput</strong><br><code>data-component=&quot;NewPasswordInput&quot;</code><br><small>Reusable new password input component.</small></td><td><code>label: string = &quot;NewPassword&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>NumberInput</strong><br><code>data-component=&quot;NumberInput&quot;</code><br><small>Reusable number input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Number&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>OrganizationSelector</strong><br><code>data-component=&quot;OrganizationSelector&quot;</code><br><small>Reusable organization selector component.</small></td><td><code>label: string = &quot;Organization&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OtpInput</strong><br><code>data-component=&quot;OtpInput&quot;</code><br><small>Reusable otp input component.</small></td><td><code>name: string = &quot;otp&quot;</code><br><code>length: number = 6</code><br><code>label: string = &quot;Verification code&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>PasswordInput</strong><br><code>data-component=&quot;PasswordInput&quot;</code><br><small>Reusable password input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Password&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>PasswordVisibilityToggle</strong><br><code>data-component=&quot;PasswordVisibilityToggle&quot;</code><br><small>Reusable password visibility toggle component.</small></td><td><code>label: string = &quot;PasswordVisibility&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PathInput</strong><br><code>data-component=&quot;PathInput&quot;</code><br><small>Reusable path input component.</small></td><td><code>label: string = &quot;Path&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PercentageInput</strong><br><code>data-component=&quot;PercentageInput&quot;</code><br><small>Reusable percentage input component.</small></td><td><code>label: string = &quot;Percentage&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PermissionSelector</strong><br><code>data-component=&quot;PermissionSelector&quot;</code><br><small>Reusable permission selector component.</small></td><td><code>label: string = &quot;Permission&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PhoneInput</strong><br><code>data-component=&quot;PhoneInput&quot;</code><br><small>Reusable phone input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Phone&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>PinInput</strong><br><code>data-component=&quot;PinInput&quot;</code><br><small>Reusable pin input component.</small></td><td><code>label: string = &quot;Pin&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlainTextEditor</strong><br><code>data-component=&quot;PlainTextEditor&quot;</code><br><small>Reusable plain text editor component.</small></td><td><code>label: string = &quot;PlainText&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PlanSelector</strong><br><code>data-component=&quot;PlanSelector&quot;</code><br><small>Reusable plan selector component.</small></td><td><code>label: string = &quot;Plan&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PortInput</strong><br><code>data-component=&quot;PortInput&quot;</code><br><small>Reusable port input component.</small></td><td><code>label: string = &quot;Port&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PortNumberInput</strong><br><code>data-component=&quot;PortNumberInput&quot;</code><br><small>Reusable port number input component.</small></td><td><code>label: string = &quot;PortNumber&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PositiveNumberInput</strong><br><code>data-component=&quot;PositiveNumberInput&quot;</code><br><small>Reusable positive number input component.</small></td><td><code>label: string = &quot;PositiveNumber&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PostalCodeInput</strong><br><code>data-component=&quot;PostalCodeInput&quot;</code><br><small>Reusable postal code input component.</small></td><td><code>label: string = &quot;PostalCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PresetDateRangePicker</strong><br><code>data-component=&quot;PresetDateRangePicker&quot;</code><br><small>Reusable preset date range picker component.</small></td><td><code>label: string = &quot;PresetDateRange&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PriceInput</strong><br><code>data-component=&quot;PriceInput&quot;</code><br><small>Reusable price input component.</small></td><td><code>label: string = &quot;Price&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingFeatureGroup</strong><br><code>data-component=&quot;PricingFeatureGroup&quot;</code><br><small>Reusable pricing feature group component.</small></td><td><code>label: string = &quot;PricingFeature&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingToggle</strong><br><code>data-component=&quot;PricingToggle&quot;</code><br><small>Reusable pricing toggle component.</small></td><td><code>label: string = &quot;Pricing&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PrioritySelector</strong><br><code>data-component=&quot;PrioritySelector&quot;</code><br><small>Reusable priority selector component.</small></td><td><code>label: string = &quot;Priority&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductSelector</strong><br><code>data-component=&quot;ProductSelector&quot;</code><br><small>Reusable product selector component.</small></td><td><code>label: string = &quot;Product&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProjectSelector</strong><br><code>data-component=&quot;ProjectSelector&quot;</code><br><small>Reusable project selector component.</small></td><td><code>label: string = &quot;Project&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PromoCodeInput</strong><br><code>data-component=&quot;PromoCodeInput&quot;</code><br><small>Reusable promo code input component.</small></td><td><code>label: string = &quot;PromoCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProviderSelector</strong><br><code>data-component=&quot;ProviderSelector&quot;</code><br><small>Reusable provider selector component.</small></td><td><code>label: string = &quot;Provider&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PublishDateTimePicker</strong><br><code>data-component=&quot;PublishDateTimePicker&quot;</code><br><small>Reusable publish date time picker component.</small></td><td><code>label: string = &quot;PublishDateTime&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PushNotificationEditor</strong><br><code>data-component=&quot;PushNotificationEditor&quot;</code><br><small>Reusable push notification editor component.</small></td><td><code>label: string = &quot;PushNotification&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>QuantityInput</strong><br><code>data-component=&quot;QuantityInput&quot;</code><br><small>Reusable quantity input component.</small></td><td><code>label: string = &quot;Quantity&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>QuietHoursPicker</strong><br><code>data-component=&quot;QuietHoursPicker&quot;</code><br><small>Reusable quiet hours picker component.</small></td><td><code>label: string = &quot;Quiet hours&quot;</code><br><code>startName: string = &quot;quietStart&quot;</code><br><code>endName: string = &quot;quietEnd&quot;</code><br><code>start: string = &quot;22:00&quot;</code><br><code>end: string = &quot;08:00&quot;</code><br><code>timezone: string = &quot;UTC&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>RadioGroup</strong><br><code>data-component=&quot;RadioGroup&quot;</code><br><small>Reusable radio group component.</small></td><td><code>label: string = &quot;Choose one&quot;</code><br><code>name: string = &quot;choice&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RangeInput</strong><br><code>data-component=&quot;RangeInput&quot;</code><br><small>Reusable range input component.</small></td><td><code>label: string = &quot;Range&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RateLimitInput</strong><br><code>data-component=&quot;RateLimitInput&quot;</code><br><small>Reusable rate limit input component.</small></td><td><code>label: string = &quot;RateLimit&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RecipientSelector</strong><br><code>data-component=&quot;RecipientSelector&quot;</code><br><small>Reusable recipient selector component.</small></td><td><code>label: string = &quot;Recipient&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RecoveryCodeInput</strong><br><code>data-component=&quot;RecoveryCodeInput&quot;</code><br><small>Reusable recovery code input component.</small></td><td><code>label: string = &quot;RecoveryCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RecurringSchedulePicker</strong><br><code>data-component=&quot;RecurringSchedulePicker&quot;</code><br><small>Reusable recurring schedule picker component.</small></td><td><code>id: string = &quot;recurring-schedule&quot;</code><br><code>name: string = &quot;recurrence&quot;</code><br><code>label: string = &quot;Repeat&quot;</code><br><code>value: string = &quot;none&quot;</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>RedirectUriInput</strong><br><code>data-component=&quot;RedirectUriInput&quot;</code><br><small>Reusable redirect uri input component.</small></td><td><code>label: string = &quot;RedirectUri&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ReferenceInput</strong><br><code>data-component=&quot;ReferenceInput&quot;</code><br><small>Reusable reference input component.</small></td><td><code>label: string = &quot;Reference&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegexInput</strong><br><code>data-component=&quot;RegexInput&quot;</code><br><small>Reusable regex input component.</small></td><td><code>label: string = &quot;Regex&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RegionSelector</strong><br><code>data-component=&quot;RegionSelector&quot;</code><br><small>Reusable region selector component.</small></td><td><code>label: string = &quot;Region&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RetryCountInput</strong><br><code>data-component=&quot;RetryCountInput&quot;</code><br><small>Reusable retry count input component.</small></td><td><code>label: string = &quot;RetryCount&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RgbColorInput</strong><br><code>data-component=&quot;RgbColorInput&quot;</code><br><small>Reusable rgb color input component.</small></td><td><code>label: string = &quot;RgbColor&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RichTextEditor</strong><br><code>data-component=&quot;RichTextEditor&quot;</code><br><small>Reusable rich text editor component.</small></td><td><code>label: string = &quot;RichText&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RichTextInput</strong><br><code>data-component=&quot;RichTextInput&quot;</code><br><small>Reusable rich text input component.</small></td><td><code>label: string = &quot;RichText&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RoleSelector</strong><br><code>data-component=&quot;RoleSelector&quot;</code><br><small>Reusable role selector component.</small></td><td><code>label: string = &quot;Role&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RollingDateRangePicker</strong><br><code>data-component=&quot;RollingDateRangePicker&quot;</code><br><small>Reusable rolling date range picker component.</small></td><td><code>label: string = &quot;RollingDateRange&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SavedFilterSelector</strong><br><code>data-component=&quot;SavedFilterSelector&quot;</code><br><small>Reusable saved filter selector component.</small></td><td><code>label: string = &quot;SavedFilter&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ScheduledDateTimePicker</strong><br><code>data-component=&quot;ScheduledDateTimePicker&quot;</code><br><small>Reusable scheduled date time picker component.</small></td><td><code>label: string = &quot;ScheduledDateTime&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ScheduleMessagePicker</strong><br><code>data-component=&quot;ScheduleMessagePicker&quot;</code><br><small>Reusable schedule message picker component.</small></td><td><code>label: string = &quot;ScheduleMessage&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SchedulePicker</strong><br><code>data-component=&quot;SchedulePicker&quot;</code><br><small>Reusable schedule picker component.</small></td><td><code>label: string = &quot;Schedule&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>SdkLanguageSelector</strong><br><code>data-component=&quot;SdkLanguageSelector&quot;</code><br><small>Reusable sdk language selector component.</small></td><td><code>label: string = &quot;SdkLanguage&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchInput</strong><br><code>data-component=&quot;SearchInput&quot;</code><br><small>Reusable search input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Search&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>SecondPicker</strong><br><code>data-component=&quot;SecondPicker&quot;</code><br><small>Reusable second picker component.</small></td><td><code>label: string = &quot;Second&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecretInput</strong><br><code>data-component=&quot;SecretInput&quot;</code><br><small>Reusable secret input component.</small></td><td><code>label: string = &quot;Secret&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SenderIdInput</strong><br><code>data-component=&quot;SenderIdInput&quot;</code><br><small>Reusable sender id input component.</small></td><td><code>label: string = &quot;SenderId&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SeveritySelector</strong><br><code>data-component=&quot;SeveritySelector&quot;</code><br><small>Reusable severity selector component.</small></td><td><code>label: string = &quot;Severity&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ShadowPicker</strong><br><code>data-component=&quot;ShadowPicker&quot;</code><br><small>Reusable shadow picker component.</small></td><td><code>label: string = &quot;Shadow&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SlugInput</strong><br><code>data-component=&quot;SlugInput&quot;</code><br><small>Reusable slug input component.</small></td><td><code>label: string = &quot;Slug&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SmsMessageEditor</strong><br><code>data-component=&quot;SmsMessageEditor&quot;</code><br><small>Reusable sms message editor component.</small></td><td><code>label: string = &quot;SmsMessage&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StateSelector</strong><br><code>data-component=&quot;StateSelector&quot;</code><br><small>Reusable state selector component.</small></td><td><code>label: string = &quot;State&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StatusSelector</strong><br><code>data-component=&quot;StatusSelector&quot;</code><br><small>Reusable status selector component.</small></td><td><code>label: string = &quot;Status&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StepperInput</strong><br><code>data-component=&quot;StepperInput&quot;</code><br><small>Reusable stepper input component.</small></td><td><code>label: string = &quot;Stepper&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StickerPicker</strong><br><code>data-component=&quot;StickerPicker&quot;</code><br><small>Reusable sticker picker component.</small></td><td><code>label: string = &quot;Sticker&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StreetAddressInput</strong><br><code>data-component=&quot;StreetAddressInput&quot;</code><br><small>Reusable street address input component.</small></td><td><code>label: string = &quot;StreetAddress&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SubdomainInput</strong><br><code>data-component=&quot;SubdomainInput&quot;</code><br><small>Reusable subdomain input component.</small></td><td><code>label: string = &quot;Subdomain&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SubjectInput</strong><br><code>data-component=&quot;SubjectInput&quot;</code><br><small>Reusable subject input component.</small></td><td><code>label: string = &quot;Subject&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TagInput</strong><br><code>data-component=&quot;TagInput&quot;</code><br><small>Reusable tag input component.</small></td><td><code>label: string = &quot;Tag&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TaxRateInput</strong><br><code>data-component=&quot;TaxRateInput&quot;</code><br><small>Reusable tax rate input component.</small></td><td><code>label: string = &quot;TaxRate&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TeamSizeSelector</strong><br><code>data-component=&quot;TeamSizeSelector&quot;</code><br><small>Reusable team size selector component.</small></td><td><code>label: string = &quot;TeamSize&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TemplateSelector</strong><br><code>data-component=&quot;TemplateSelector&quot;</code><br><small>Reusable template selector component.</small></td><td><code>label: string = &quot;Template&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TemplateVariableInput</strong><br><code>data-component=&quot;TemplateVariableInput&quot;</code><br><small>Reusable template variable input component.</small></td><td><code>label: string = &quot;TemplateVariable&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TextInput</strong><br><code>data-component=&quot;TextInput&quot;</code><br><small>Reusable text input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Text&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>ThemeColorPicker</strong><br><code>data-component=&quot;ThemeColorPicker&quot;</code><br><small>Reusable theme color picker component.</small></td><td><code>label: string = &quot;ThemeColor&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimeInput</strong><br><code>data-component=&quot;TimeInput&quot;</code><br><small>Reusable time input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Time&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>TimeoutInput</strong><br><code>data-component=&quot;TimeoutInput&quot;</code><br><small>Reusable timeout input component.</small></td><td><code>label: string = &quot;Timeout&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimePicker</strong><br><code>data-component=&quot;TimePicker&quot;</code><br><small>Reusable time picker component.</small></td><td><code>id: string = &quot;time-picker&quot;</code><br><code>name: string = &quot;time&quot;</code><br><code>label: string = &quot;Time&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>min: string = &quot;&quot;</code><br><code>max: string = &quot;&quot;</code><br><code>step: number = 60</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>TimeRangePicker</strong><br><code>data-component=&quot;TimeRangePicker&quot;</code><br><small>Reusable time range picker component.</small></td><td><code>label: string = &quot;TimeRange&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimezoneAwareTimePicker</strong><br><code>data-component=&quot;TimezoneAwareTimePicker&quot;</code><br><small>Reusable timezone aware time picker component.</small></td><td><code>label: string = &quot;TimezoneAwareTime&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimezoneSelector</strong><br><code>data-component=&quot;TimezoneSelector&quot;</code><br><small>Reusable timezone selector component.</small></td><td><code>id: string = &quot;timezone&quot;</code><br><code>name: string = &quot;timezone&quot;</code><br><code>label: string = &quot;Timezone&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>Toggle</strong><br><code>data-component=&quot;Toggle&quot;</code><br><small>Reusable toggle component.</small></td><td><code>label: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ToggleGroup</strong><br><code>data-component=&quot;ToggleGroup&quot;</code><br><small>Reusable toggle group component.</small></td><td><code>label: string = &quot;Toggle&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TokenInput</strong><br><code>data-component=&quot;TokenInput&quot;</code><br><small>Reusable token input component.</small></td><td><code>label: string = &quot;Token&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UrlInput</strong><br><code>data-component=&quot;UrlInput&quot;</code><br><small>Reusable url input component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>label: string = &quot;Url&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>autocomplete: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>UseCaseSelector</strong><br><code>data-component=&quot;UseCaseSelector&quot;</code><br><small>Reusable use case selector component.</small></td><td><code>label: string = &quot;UseCase&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UsernameInput</strong><br><code>data-component=&quot;UsernameInput&quot;</code><br><small>Reusable username input component.</small></td><td><code>label: string = &quot;Username&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VerificationCodeInput</strong><br><code>data-component=&quot;VerificationCodeInput&quot;</code><br><small>Reusable verification code input component.</small></td><td><code>label: string = &quot;VerificationCode&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VersionSelector</strong><br><code>data-component=&quot;VersionSelector&quot;</code><br><small>Reusable version selector component.</small></td><td><code>label: string = &quot;Version&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VoiceScriptEditor</strong><br><code>data-component=&quot;VoiceScriptEditor&quot;</code><br><small>Reusable voice script editor component.</small></td><td><code>label: string = &quot;VoiceScript&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VolumeInput</strong><br><code>data-component=&quot;VolumeInput&quot;</code><br><small>Reusable volume input component.</small></td><td><code>label: string = &quot;Volume&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebhookUrlInput</strong><br><code>data-component=&quot;WebhookUrlInput&quot;</code><br><small>Reusable webhook url input component.</small></td><td><code>label: string = &quot;WebhookUrl&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WhatsAppNumberInput</strong><br><code>data-component=&quot;WhatsAppNumberInput&quot;</code><br><small>Reusable whats app number input component.</small></td><td><code>label: string = &quot;WhatsAppNumber&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WhatsAppTemplateEditor</strong><br><code>data-component=&quot;WhatsAppTemplateEditor&quot;</code><br><small>Reusable whats app template editor component.</small></td><td><code>label: string = &quot;WhatsAppTemplate&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WorkspaceSelector</strong><br><code>data-component=&quot;WorkspaceSelector&quot;</code><br><small>Reusable workspace selector component.</small></td><td><code>label: string = &quot;Workspace&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>YearPicker</strong><br><code>data-component=&quot;YearPicker&quot;</code><br><small>Reusable year picker component.</small></td><td><code>label: string = &quot;Year&quot;</code><br><code>name: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>placeholder: string = &quot;&quot;</code><br><code>type: string = &quot;text&quot;</code><br><code>required: boolean = false</code><br><code>disabled: boolean = false</code><br><code>readonly: boolean = false</code><br><code>help: string = &quot;&quot;</code><br><code>error: string = &quot;&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Layout</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AnchorNavigation</strong><br><code>data-component=&quot;AnchorNavigation&quot;</code><br><small>Reusable anchor navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AppHeader</strong><br><code>data-component=&quot;AppHeader&quot;</code><br><small>Reusable app header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArchitectureSection</strong><br><code>data-component=&quot;ArchitectureSection&quot;</code><br><small>Reusable architecture section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleHero</strong><br><code>data-component=&quot;ArticleHero&quot;</code><br><small>Reusable article hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticleLayout</strong><br><code>data-component=&quot;ArticleLayout&quot;</code><br><small>Reusable article layout component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ArticlePageShell</strong><br><code>data-component=&quot;ArticlePageShell&quot;</code><br><small>Reusable article page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BottomNavigation</strong><br><code>data-component=&quot;BottomNavigation&quot;</code><br><small>Reusable bottom navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BrowserFrame</strong><br><code>data-component=&quot;BrowserFrame&quot;</code><br><small>Reusable browser frame component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CalendarHeader</strong><br><code>data-component=&quot;CalendarHeader&quot;</code><br><small>Reusable calendar header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CalendarNavigation</strong><br><code>data-component=&quot;CalendarNavigation&quot;</code><br><small>Reusable calendar navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CaseStudyHero</strong><br><code>data-component=&quot;CaseStudyHero&quot;</code><br><small>Reusable case study hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CenteredHero</strong><br><code>data-component=&quot;CenteredHero&quot;</code><br><small>Reusable centered hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CenteredSectionHeader</strong><br><code>data-component=&quot;CenteredSectionHeader&quot;</code><br><small>Reusable centered section header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChallengeSection</strong><br><code>data-component=&quot;ChallengeSection&quot;</code><br><small>Reusable challenge section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CodeHeader</strong><br><code>data-component=&quot;CodeHeader&quot;</code><br><small>Reusable code header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CompanyHero</strong><br><code>data-component=&quot;CompanyHero&quot;</code><br><small>Reusable company hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CompanyPageShell</strong><br><code>data-component=&quot;CompanyPageShell&quot;</code><br><small>Reusable company page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactHero</strong><br><code>data-component=&quot;ContactHero&quot;</code><br><small>Reusable contact hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ContactPageShell</strong><br><code>data-component=&quot;ContactPageShell&quot;</code><br><small>Reusable contact page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CTASection</strong><br><code>data-component=&quot;CTASection&quot;</code><br><small>Reusable c t a section component.</small></td><td><code>eyebrow: string = &quot;Ready?&quot;</code><br><code>title: string = &quot;Start building today&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>primaryLabel: string = &quot;Get started&quot;</code><br><code>primaryHref: string = &quot;#&quot;</code><br><code>secondaryLabel: string = &quot;Contact sales&quot;</code><br><code>secondaryHref: string = &quot;#&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DesktopNavigation</strong><br><code>data-component=&quot;DesktopNavigation&quot;</code><br><small>Reusable desktop navigation component.</small></td><td><code>label: string = &quot;Primary navigation&quot;</code><br><code>items: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>DeveloperHero</strong><br><code>data-component=&quot;DeveloperHero&quot;</code><br><small>Reusable developer hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeveloperPageShell</strong><br><code>data-component=&quot;DeveloperPageShell&quot;</code><br><small>Reusable developer page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DropdownNavigation</strong><br><code>data-component=&quot;DropdownNavigation&quot;</code><br><small>Reusable dropdown navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EnterpriseHero</strong><br><code>data-component=&quot;EnterpriseHero&quot;</code><br><small>Reusable enterprise hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorHero</strong><br><code>data-component=&quot;ErrorHero&quot;</code><br><small>Reusable error hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ErrorPageShell</strong><br><code>data-component=&quot;ErrorPageShell&quot;</code><br><small>Reusable error page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureDetailsPanel</strong><br><code>data-component=&quot;FeatureDetailsPanel&quot;</code><br><small>Reusable feature details panel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormSection</strong><br><code>data-component=&quot;FormSection&quot;</code><br><small>Reusable form section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Header</strong><br><code>data-component=&quot;Header&quot;</code><br><small>Reusable header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Hero</strong><br><code>data-component=&quot;Hero&quot;</code><br><small>Reusable hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;Build faster with WRNexusJS&quot;</code><br><code>highlight: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>primaryLabel: string = &quot;Get started&quot;</code><br><code>primaryHref: string = &quot;#&quot;</code><br><code>secondaryLabel: string = &quot;Learn more&quot;</code><br><code>secondaryHref: string = &quot;#&quot;</code><br><code>align: string = &quot;center&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>HeroCodePanel</strong><br><code>data-component=&quot;HeroCodePanel&quot;</code><br><small>Reusable hero code panel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>InsetPanel</strong><br><code>data-component=&quot;InsetPanel&quot;</code><br><small>Reusable inset panel component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalDocumentHeader</strong><br><code>data-component=&quot;LegalDocumentHeader&quot;</code><br><small>Reusable legal document header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalDocumentLayout</strong><br><code>data-component=&quot;LegalDocumentLayout&quot;</code><br><small>Reusable legal document layout component.</small></td><td><code>title: string = &quot;Legal document&quot;</code><br><code>effectiveDate: string = &quot;&quot;</code><br><code>updatedDate: string = &quot;&quot;</code></td><td><code>toc</code><br><code>default</code></td><td>None</td></tr><tr><td><strong>LegalHero</strong><br><code>data-component=&quot;LegalHero&quot;</code><br><small>Reusable legal hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LegalPageShell</strong><br><code>data-component=&quot;LegalPageShell&quot;</code><br><small>Reusable legal page shell component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>navigation</code><br><code>default</code></td><td>None</td></tr><tr><td><strong>LegalSection</strong><br><code>data-component=&quot;LegalSection&quot;</code><br><small>Reusable legal section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MarketingPageShell</strong><br><code>data-component=&quot;MarketingPageShell&quot;</code><br><small>Reusable marketing page shell component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MarketingSectionHeader</strong><br><code>data-component=&quot;MarketingSectionHeader&quot;</code><br><small>Reusable marketing section header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MissionSection</strong><br><code>data-component=&quot;MissionSection&quot;</code><br><small>Reusable mission section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MobileDeviceFrame</strong><br><code>data-component=&quot;MobileDeviceFrame&quot;</code><br><small>Reusable mobile device frame component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MobileNavigation</strong><br><code>data-component=&quot;MobileNavigation&quot;</code><br><small>Reusable mobile navigation component.</small></td><td><code>label: string = &quot;Menu&quot;</code><br><code>closeLabel: string = &quot;Close menu&quot;</code><br><code>items: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>Navigation</strong><br><code>data-component=&quot;Navigation&quot;</code><br><small>Reusable navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Panel</strong><br><code>data-component=&quot;Panel&quot;</code><br><small>Reusable panel component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PreviousNextNavigation</strong><br><code>data-component=&quot;PreviousNextNavigation&quot;</code><br><small>Reusable previous next navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PricingHero</strong><br><code>data-component=&quot;PricingHero&quot;</code><br><small>Reusable pricing hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductCategorySection</strong><br><code>data-component=&quot;ProductCategorySection&quot;</code><br><small>Reusable product category section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductHero</strong><br><code>data-component=&quot;ProductHero&quot;</code><br><small>Reusable product hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductPageShell</strong><br><code>data-component=&quot;ProductPageShell&quot;</code><br><small>Reusable product page shell component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PublicHeader</strong><br><code>data-component=&quot;PublicHeader&quot;</code><br><small>Reusable public header component.</small></td><td><code>brand: string = &quot;WRNexusJS&quot;</code><br><code>homeHref: string = &quot;/&quot;</code><br><code>signInHref: string = &quot;/signin&quot;</code><br><code>ctaHref: string = &quot;/start&quot;</code><br><code>ctaLabel: string = &quot;Get started&quot;</code></td><td><code>default</code><br><code>mobile</code></td><td><code>click</code></td></tr><tr><td><strong>PublicPageShell</strong><br><code>data-component=&quot;PublicPageShell&quot;</code><br><small>Reusable public page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResizablePanel</strong><br><code>data-component=&quot;ResizablePanel&quot;</code><br><small>Reusable resizable panel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourcePageShell</strong><br><code>data-component=&quot;ResourcePageShell&quot;</code><br><small>Reusable resource page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResultsSection</strong><br><code>data-component=&quot;ResultsSection&quot;</code><br><small>Reusable results section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ScreenshotFrame</strong><br><code>data-component=&quot;ScreenshotFrame&quot;</code><br><small>Reusable screenshot frame component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Section</strong><br><code>data-component=&quot;Section&quot;</code><br><small>Reusable section component.</small></td><td><code>id: string = &quot;&quot;</code><br><code>size: string = &quot;default&quot;</code><br><code>surface: string = &quot;default&quot;</code><br><code>className: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SectionHeader</strong><br><code>data-component=&quot;SectionHeader&quot;</code><br><small>Reusable section header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;Section title&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;left&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecurityHero</strong><br><code>data-component=&quot;SecurityHero&quot;</code><br><small>Reusable security hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SidebarLayout</strong><br><code>data-component=&quot;SidebarLayout&quot;</code><br><small>Reusable sidebar layout component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SidePanel</strong><br><code>data-component=&quot;SidePanel&quot;</code><br><small>Reusable side panel component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SolutionHero</strong><br><code>data-component=&quot;SolutionHero&quot;</code><br><small>Reusable solution hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SolutionPageShell</strong><br><code>data-component=&quot;SolutionPageShell&quot;</code><br><small>Reusable solution page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SolutionSection</strong><br><code>data-component=&quot;SolutionSection&quot;</code><br><small>Reusable solution section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SplitHero</strong><br><code>data-component=&quot;SplitHero&quot;</code><br><small>Reusable split hero component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SplitLayout</strong><br><code>data-component=&quot;SplitLayout&quot;</code><br><small>Reusable split layout component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SplitSectionHeader</strong><br><code>data-component=&quot;SplitSectionHeader&quot;</code><br><small>Reusable split section header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StatusPageShell</strong><br><code>data-component=&quot;StatusPageShell&quot;</code><br><small>Reusable status page shell component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StepNavigation</strong><br><code>data-component=&quot;StepNavigation&quot;</code><br><small>Reusable step navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StickyLayout</strong><br><code>data-component=&quot;StickyLayout&quot;</code><br><small>Reusable sticky layout component.</small></td><td><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TableHeader</strong><br><code>data-component=&quot;TableHeader&quot;</code><br><small>Reusable table header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VisionSection</strong><br><code>data-component=&quot;VisionSection&quot;</code><br><small>Reusable vision section component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WizardHeader</strong><br><code>data-component=&quot;WizardHeader&quot;</code><br><small>Reusable wizard header component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WizardNavigation</strong><br><code>data-component=&quot;WizardNavigation&quot;</code><br><small>Reusable wizard navigation component.</small></td><td><code>eyebrow: string = &quot;&quot;</code><br><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>align: string = &quot;start&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Overlays</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AccessibleDialog</strong><br><code>data-component=&quot;AccessibleDialog&quot;</code><br><small>Reusable accessible dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccessibleMenu</strong><br><code>data-component=&quot;AccessibleMenu&quot;</code><br><small>Reusable accessible menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AccountMenu</strong><br><code>data-component=&quot;AccountMenu&quot;</code><br><small>Reusable account menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ActionMenu</strong><br><code>data-component=&quot;ActionMenu&quot;</code><br><small>Reusable action menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>AlertDialog</strong><br><code>data-component=&quot;AlertDialog&quot;</code><br><small>Reusable alert dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ApiKeyCreateDialog</strong><br><code>data-component=&quot;ApiKeyCreateDialog&quot;</code><br><small>Reusable api key create dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CommandMenu</strong><br><code>data-component=&quot;CommandMenu&quot;</code><br><small>Reusable command menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConfirmationDialog</strong><br><code>data-component=&quot;ConfirmationDialog&quot;</code><br><small>Reusable confirmation dialog component.</small></td><td><code>title: string = &quot;Confirm action&quot;</code><br><code>description: string = &quot;Are you sure you want to continue?&quot;</code><br><code>confirmLabel: string = &quot;Confirm&quot;</code><br><code>cancelLabel: string = &quot;Cancel&quot;</code><br><code>danger: boolean = false</code><br><code>open: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>confirm</code></td><td><code>click</code></td></tr><tr><td><strong>ContextMenu</strong><br><code>data-component=&quot;ContextMenu&quot;</code><br><small>Reusable context menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CookiePreferencesDialog</strong><br><code>data-component=&quot;CookiePreferencesDialog&quot;</code><br><small>Reusable cookie preferences dialog component.</small></td><td><code>title: string = &quot;Cookie preferences&quot;</code><br><code>description: string = &quot;Choose which optional cookies you allow. Essential cookies are always enabled.&quot;</code><br><code>saveLabel: string = &quot;Save preferences&quot;</code><br><code>acceptLabel: string = &quot;Accept all&quot;</code><br><code>rejectLabel: string = &quot;Reject optional&quot;</code><br><code>open: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td><code>change</code><br><code>click</code></td></tr><tr><td><strong>DeleteConfirmationDialog</strong><br><code>data-component=&quot;DeleteConfirmationDialog&quot;</code><br><small>Reusable delete confirmation dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DevelopersMenu</strong><br><code>data-component=&quot;DevelopersMenu&quot;</code><br><small>Reusable developers menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DropdownMenu</strong><br><code>data-component=&quot;DropdownMenu&quot;</code><br><small>Reusable dropdown menu component.</small></td><td><code>label: string = &quot;Menu&quot;</code></td><td><code>default</code></td><td><code>click</code></td></tr><tr><td><strong>FilterMenu</strong><br><code>data-component=&quot;FilterMenu&quot;</code><br><small>Reusable filter menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormDialog</strong><br><code>data-component=&quot;FormDialog&quot;</code><br><small>Reusable form dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FullscreenDialog</strong><br><code>data-component=&quot;FullscreenDialog&quot;</code><br><small>Reusable fullscreen dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImagePreviewDialog</strong><br><code>data-component=&quot;ImagePreviewDialog&quot;</code><br><small>Reusable image preview dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Lightbox</strong><br><code>data-component=&quot;Lightbox&quot;</code><br><small>Reusable lightbox component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LogoutDialog</strong><br><code>data-component=&quot;LogoutDialog&quot;</code><br><small>Reusable logout dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>MegaMenu</strong><br><code>data-component=&quot;MegaMenu&quot;</code><br><small>Reusable mega menu component.</small></td><td><code>label: string = &quot;Explore&quot;</code><br><code>sections: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td><code>click</code></td></tr><tr><td><strong>NavigationMegaMenu</strong><br><code>data-component=&quot;NavigationMegaMenu&quot;</code><br><small>Reusable navigation mega menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Popover</strong><br><code>data-component=&quot;Popover&quot;</code><br><small>Reusable popover component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductsMegaMenu</strong><br><code>data-component=&quot;ProductsMegaMenu&quot;</code><br><small>Reusable products mega menu component.</small></td><td><code>label: string = &quot;Products&quot;</code><br><code>sections: string = []</code><br><code>class: string = &quot;&quot;</code></td><td>None</td><td>None</td></tr><tr><td><strong>PromptDialog</strong><br><code>data-component=&quot;PromptDialog&quot;</code><br><small>Reusable prompt dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ResourcesMegaMenu</strong><br><code>data-component=&quot;ResourcesMegaMenu&quot;</code><br><small>Reusable resources mega menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SearchDialog</strong><br><code>data-component=&quot;SearchDialog&quot;</code><br><small>Reusable search dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SecretRevealDialog</strong><br><code>data-component=&quot;SecretRevealDialog&quot;</code><br><small>Reusable secret reveal dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SessionExpiredDialog</strong><br><code>data-component=&quot;SessionExpiredDialog&quot;</code><br><small>Reusable session expired dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SolutionsMegaMenu</strong><br><code>data-component=&quot;SolutionsMegaMenu&quot;</code><br><small>Reusable solutions mega menu component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>StepUpAuthenticationDialog</strong><br><code>data-component=&quot;StepUpAuthenticationDialog&quot;</code><br><small>Reusable step up authentication dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TestMessageDialog</strong><br><code>data-component=&quot;TestMessageDialog&quot;</code><br><small>Reusable test message dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UnsavedChangesDialog</strong><br><code>data-component=&quot;UnsavedChangesDialog&quot;</code><br><small>Reusable unsaved changes dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>VideoPreviewDialog</strong><br><code>data-component=&quot;VideoPreviewDialog&quot;</code><br><small>Reusable video preview dialog component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>open: boolean = false</code><br><code>closeLabel: string = &quot;Close&quot;</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div><h3>Visualization</h3><div class="table-wrap"><table><thead><tr><th>Component</th><th>Props</th><th>Slots</th><th>Events</th></tr></thead><tbody><tr><td><strong>AreaChart</strong><br><code>data-component=&quot;AreaChart&quot;</code><br><small>Reusable area chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>BarChart</strong><br><code>data-component=&quot;BarChart&quot;</code><br><small>Reusable bar chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CampaignProgress</strong><br><code>data-component=&quot;CampaignProgress&quot;</code><br><small>Reusable campaign progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelComparisonChart</strong><br><code>data-component=&quot;ChannelComparisonChart&quot;</code><br><small>Reusable channel comparison chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelFallbackDiagram</strong><br><code>data-component=&quot;ChannelFallbackDiagram&quot;</code><br><small>Reusable channel fallback diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChannelFlow</strong><br><code>data-component=&quot;ChannelFlow&quot;</code><br><small>Reusable channel flow component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ChecklistProgress</strong><br><code>data-component=&quot;ChecklistProgress&quot;</code><br><small>Reusable checklist progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CircularProgress</strong><br><code>data-component=&quot;CircularProgress&quot;</code><br><small>Reusable circular progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CohortChart</strong><br><code>data-component=&quot;CohortChart&quot;</code><br><small>Reusable cohort chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CompletionMeter</strong><br><code>data-component=&quot;CompletionMeter&quot;</code><br><small>Reusable completion meter component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ConversionChart</strong><br><code>data-component=&quot;ConversionChart&quot;</code><br><small>Reusable conversion chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>CostBreakdownChart</strong><br><code>data-component=&quot;CostBreakdownChart&quot;</code><br><small>Reusable cost breakdown chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeliveryStatusChart</strong><br><code>data-component=&quot;DeliveryStatusChart&quot;</code><br><small>Reusable delivery status chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DeliveryStatusTimeline</strong><br><code>data-component=&quot;DeliveryStatusTimeline&quot;</code><br><small>Reusable delivery status timeline component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>DonutChart</strong><br><code>data-component=&quot;DonutChart&quot;</code><br><small>Reusable donut chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>EncryptionDiagram</strong><br><code>data-component=&quot;EncryptionDiagram&quot;</code><br><small>Reusable encryption diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ExportProgress</strong><br><code>data-component=&quot;ExportProgress&quot;</code><br><small>Reusable export progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FallbackRouteDiagram</strong><br><code>data-component=&quot;FallbackRouteDiagram&quot;</code><br><small>Reusable fallback route diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FeatureTimeline</strong><br><code>data-component=&quot;FeatureTimeline&quot;</code><br><small>Reusable feature timeline component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FormProgress</strong><br><code>data-component=&quot;FormProgress&quot;</code><br><small>Reusable form progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>FunnelChart</strong><br><code>data-component=&quot;FunnelChart&quot;</code><br><small>Reusable funnel chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>GeoChart</strong><br><code>data-component=&quot;GeoChart&quot;</code><br><small>Reusable geo chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ImportProgress</strong><br><code>data-component=&quot;ImportProgress&quot;</code><br><small>Reusable import progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentResponseFlow</strong><br><code>data-component=&quot;IncidentResponseFlow&quot;</code><br><small>Reusable incident response flow component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>IncidentTimeline</strong><br><code>data-component=&quot;IncidentTimeline&quot;</code><br><small>Reusable incident timeline component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>JobProgress</strong><br><code>data-component=&quot;JobProgress&quot;</code><br><small>Reusable job progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LatencyMetric</strong><br><code>data-component=&quot;LatencyMetric&quot;</code><br><small>Reusable latency metric component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>LineChart</strong><br><code>data-component=&quot;LineChart&quot;</code><br><small>Reusable line chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Metric</strong><br><code>data-component=&quot;Metric&quot;</code><br><small>Reusable metric component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>OnboardingProgress</strong><br><code>data-component=&quot;OnboardingProgress&quot;</code><br><small>Reusable onboarding progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PasswordStrengthMeter</strong><br><code>data-component=&quot;PasswordStrengthMeter&quot;</code><br><small>Reusable password strength meter component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>PieChart</strong><br><code>data-component=&quot;PieChart&quot;</code><br><small>Reusable pie chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProductArchitectureDiagram</strong><br><code>data-component=&quot;ProductArchitectureDiagram&quot;</code><br><small>Reusable product architecture diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProgressChart</strong><br><code>data-component=&quot;ProgressChart&quot;</code><br><small>Reusable progress chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ProgressRing</strong><br><code>data-component=&quot;ProgressRing&quot;</code><br><small>Reusable progress ring component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>RevenueChart</strong><br><code>data-component=&quot;RevenueChart&quot;</code><br><small>Reusable revenue chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>SmartRouteDiagram</strong><br><code>data-component=&quot;SmartRouteDiagram&quot;</code><br><small>Reusable smart route diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TenantIsolationDiagram</strong><br><code>data-component=&quot;TenantIsolationDiagram&quot;</code><br><small>Reusable tenant isolation diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>Timeline</strong><br><code>data-component=&quot;Timeline&quot;</code><br><small>Reusable timeline component.</small></td><td><code>title: string = &quot;Timeline&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>TimelineChart</strong><br><code>data-component=&quot;TimelineChart&quot;</code><br><small>Reusable timeline chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>ToastProgress</strong><br><code>data-component=&quot;ToastProgress&quot;</code><br><small>Reusable toast progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UploadProgress</strong><br><code>data-component=&quot;UploadProgress&quot;</code><br><small>Reusable upload progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UptimeChart</strong><br><code>data-component=&quot;UptimeChart&quot;</code><br><small>Reusable uptime chart component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>UptimeMetric</strong><br><code>data-component=&quot;UptimeMetric&quot;</code><br><small>Reusable uptime metric component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WebhookFlowDiagram</strong><br><code>data-component=&quot;WebhookFlowDiagram&quot;</code><br><small>Reusable webhook flow diagram component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr><tr><td><strong>WorkflowProgress</strong><br><code>data-component=&quot;WorkflowProgress&quot;</code><br><small>Reusable workflow progress component.</small></td><td><code>title: string = &quot;&quot;</code><br><code>value: string = &quot;&quot;</code><br><code>description: string = &quot;&quot;</code><br><code>summary: string = &quot;&quot;</code><br><code>loading: boolean = false</code><br><code>class: string = &quot;&quot;</code></td><td><code>default</code></td><td>None</td></tr></tbody></table></div></section></article>
      <aside class="on-this-page"><h2>On this page</h2><nav><a class="toc-level-2" href="#guide">Guide</a><a class="toc-level-3" href="#overview">Overview</a><a class="toc-level-3" href="#components">Components</a><a class="toc-level-4" href="#layout">Layout</a><a class="toc-level-4" href="#core-feedback">Core / feedback</a><a class="toc-level-4" href="#additional-controls-data-display">Additional controls &amp; data display</a><a class="toc-level-3" href="#api">API</a><a class="toc-level-4" href="#ui-css-asset-export">./ui.css asset export</a><a class="toc-level-4" href="#tailwind-and-motion">Tailwind and motion</a><a class="toc-level-3" href="#usage">Usage</a><a class="toc-level-4" href="#auto-discovery">Auto-discovery</a><a class="toc-level-4" href="#mounting-components-in-a-page">Mounting components in a page</a><a class="toc-level-3" href="#overrides">Overrides</a><a class="toc-level-3" href="#requirements-notes">Requirements / Notes</a><a class="toc-level-2" href="#api">Complete API</a><a class="toc-level-2" href="#examples">Examples</a><a class="toc-level-2" href="#components">All UI components</a></nav></aside>
    </main>
      <footer>WRNexusJS 0.2.59 · Private Developer Preview · Bun-native · Documentation generated from installed package APIs.</footer>
    </div>
  }
}