@zeix/ui-element
Version:
UIElement - a HTML-first library for reactive Web Components
219 lines (207 loc) • 8.37 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@zeix/ui-element – UIElement Docs</title>
<meta name="description" content="" />
<link rel="stylesheet" href="../assets/main.css" />
<script type="module" src="../assets/main.js"></script>
</head>
<body class="api">
<context-router>
<header class="content-grid">
<h1 class="content">
UIElement Docs <small>Version 0.13.3</small>
</h1>
<section-menu>
<nav>
<h2 class="visually-hidden">Main Menu</h2>
<ol>
<li>
<a href="../index.html">
<span class="icon">📖</span>
<strong>Introduction</strong>
<small>Overview and key benefits of UIElement</small>
</a>
</li>
<li>
<a href="../getting-started.html">
<span class="icon">🚀</span>
<strong>Getting Started</strong>
<small>Installation, setup, and first steps</small>
</a>
</li>
<li>
<a href="../components.html">
<span class="icon">🏗️</span>
<strong>Components</strong>
<small>Anatomy, lifecycle, signals, effects</small>
</a>
</li>
<li>
<a href="../styling.html">
<span class="icon">🎨</span>
<strong>Styling</strong>
<small>Scoped styles, CSS custom properties</small>
</a>
</li>
<li>
<a href="../data-flow.html">
<span class="icon">🔄</span>
<strong>Data Flow</strong>
<small>Passing state, events, context</small>
</a>
</li>
<li>
<a href="../examples.html">
<span class="icon">🍽️</span>
<strong>Examples</strong>
<small>Common use cases and demos</small>
</a>
</li>
<li>
<a href="../blog.html">
<span class="icon">📜</span>
<strong>Blog</strong>
<small>Latest articles and updates</small>
</a>
</li>
<li>
<a href="../api.html">
<span class="icon">📚</span>
<strong>API Reference</strong>
<small>Functions, types, and constants</small>
</a>
</li>
<li>
<a href="../about.html">
<span class="icon">🤝</span>
<strong>About</strong>
<small>License, versioning, getting involved</small>
</a>
</li>
</ol>
</nav>
</section-menu>
<card-callout class="content danger" hidden>
<p class="error" role="alert" aria-live="polite"></p>
</card-callout>
</header>
<main class="content-grid"><section class="api-content">
<h1 id="zeixui-element">
<a name="zeixui-element" class="anchor" href="#zeixui-element">
<span class="permalink">🔗</span>
</a>
@zeix/ui-element
</h1>
<h2 id="type-aliases">
<a name="type-aliases" class="anchor" href="#type-aliases">
<span class="permalink">🔗</span>
</a>
Type Aliases
</h2>
<ul>
<li><a href="type-aliases/AttributeParser.html">AttributeParser</a></li>
<li><a href="type-aliases/Cleanup.html">Cleanup</a></li>
<li><a href="type-aliases/Component.html">Component</a></li>
<li><a href="type-aliases/ComponentProps.html">ComponentProps</a></li>
<li><a href="type-aliases/Computed.html">Computed</a></li>
<li><a href="type-aliases/ComputedCallback.html">ComputedCallback</a></li>
<li><a href="type-aliases/Context.html">Context</a></li>
<li><a href="type-aliases/ContextType.html">ContextType</a></li>
<li><a href="type-aliases/DangerouslySetInnerHTMLOptions.html">DangerouslySetInnerHTMLOptions</a></li>
<li><a href="type-aliases/Effect.html">Effect</a></li>
<li><a href="type-aliases/EffectMatcher.html">EffectMatcher</a></li>
<li><a href="type-aliases/ElementFromSelector.html">ElementFromSelector</a></li>
<li><a href="type-aliases/ElementInserter.html">ElementInserter</a></li>
<li><a href="type-aliases/ElementUpdater.html">ElementUpdater</a></li>
<li><a href="type-aliases/EventTransformer.html">EventTransformer</a></li>
<li><a href="type-aliases/EventTransformerContext.html">EventTransformerContext</a></li>
<li><a href="type-aliases/EventTransformers.html">EventTransformers</a></li>
<li><a href="type-aliases/EventType.html">EventType</a></li>
<li><a href="type-aliases/Initializer.html">Initializer</a></li>
<li><a href="type-aliases/LogLevel.html">LogLevel</a></li>
<li><a href="type-aliases/MaybeSignal.html">MaybeSignal</a></li>
<li><a href="type-aliases/MethodProducer.html">MethodProducer</a></li>
<li><a href="type-aliases/Reactive.html">Reactive</a></li>
<li><a href="type-aliases/Reactives.html">Reactives</a></li>
<li><a href="type-aliases/ReservedWords.html">ReservedWords</a></li>
<li><a href="type-aliases/SelectorFunctions.html">SelectorFunctions</a></li>
<li><a href="type-aliases/Signal.html">Signal</a></li>
<li><a href="type-aliases/SignalProducer.html">SignalProducer</a></li>
<li><a href="type-aliases/State.html">State</a></li>
<li><a href="type-aliases/UnknownContext.html">UnknownContext</a></li>
<li><a href="type-aliases/UpdateOperation.html">UpdateOperation</a></li>
<li><a href="type-aliases/ValidPropertyKey.html">ValidPropertyKey</a></li>
</ul>
<h2 id="variables">
<a name="variables" class="anchor" href="#variables">
<span class="permalink">🔗</span>
</a>
Variables
</h2>
<ul>
<li><a href="variables/LOG_DEBUG.html">LOG_DEBUG</a></li>
<li><a href="variables/LOG_ERROR.html">LOG_ERROR</a></li>
<li><a href="variables/LOG_INFO.html">LOG_INFO</a></li>
<li><a href="variables/LOG_WARN.html">LOG_WARN</a></li>
<li><a href="variables/RESET.html">RESET</a></li>
<li><a href="variables/UNSET.html">UNSET</a></li>
</ul>
<h2 id="functions">
<a name="functions" class="anchor" href="#functions">
<span class="permalink">🔗</span>
</a>
Functions
</h2>
<ul>
<li><a href="functions/asBoolean.html">asBoolean</a></li>
<li><a href="functions/asEnum.html">asEnum</a></li>
<li><a href="functions/asInteger.html">asInteger</a></li>
<li><a href="functions/asJSON.html">asJSON</a></li>
<li><a href="functions/asNumber.html">asNumber</a></li>
<li><a href="functions/asString.html">asString</a></li>
<li><a href="functions/batch.html">batch</a></li>
<li><a href="functions/component.html">component</a></li>
<li><a href="functions/computed.html">computed</a></li>
<li><a href="functions/dangerouslySetInnerHTML.html">dangerouslySetInnerHTML</a></li>
<li><a href="functions/effect.html">effect</a></li>
<li><a href="functions/emitEvent.html">emitEvent</a></li>
<li><a href="functions/enqueue.html">enqueue</a></li>
<li><a href="functions/focus.html">focus</a></li>
<li><a href="functions/fromContext.html">fromContext</a></li>
<li><a href="functions/fromEvents.html">fromEvents</a></li>
<li><a href="functions/fromSelector.html">fromSelector</a></li>
<li><a href="functions/insertOrRemoveElement.html">insertOrRemoveElement</a></li>
<li><a href="functions/isComputed.html">isComputed</a></li>
<li><a href="functions/isSignal.html">isSignal</a></li>
<li><a href="functions/isState.html">isState</a></li>
<li><a href="functions/log.html">log</a></li>
<li><a href="functions/on.html">on</a></li>
<li><a href="functions/pass.html">pass</a></li>
<li><a href="functions/provideContexts.html">provideContexts</a></li>
<li><a href="functions/read.html">read</a></li>
<li><a href="functions/reduced.html">reduced</a></li>
<li><a href="functions/requireDescendant.html">requireDescendant</a></li>
<li><a href="functions/setAttribute.html">setAttribute</a></li>
<li><a href="functions/setProperty.html">setProperty</a></li>
<li><a href="functions/setStyle.html">setStyle</a></li>
<li><a href="functions/setText.html">setText</a></li>
<li><a href="functions/show.html">show</a></li>
<li><a href="functions/state.html">state</a></li>
<li><a href="functions/toggleAttribute.html">toggleAttribute</a></li>
<li><a href="functions/toggleClass.html">toggleClass</a></li>
<li><a href="functions/toSignal.html">toSignal</a></li>
<li><a href="functions/updateElement.html">updateElement</a></li>
</ul>
</section></main>
<footer class="content-grid">
<div class="content">
<h2 class="visually-hidden">Footer</h2>
<p>© 2024 – 2025 Zeix AG</p>
</div>
</footer>
</context-router>
</body>
</html>