lightview/docs/api/nav.html

A reactive UI library with features of Bau, Juris, and HTMX plus safe LLM UI generation

<nav data-preserve-scroll="docs-nav" class="docs-nav">
    <div class="docs-nav-section">
        <div class="docs-nav-title">Elements</div>
        <a href="./elements.html" class="docs-nav-link">Comparison</a>
        <a href="./elements.html#tagged-api" class="docs-nav-link">Tagged API</a>
        <a href="./elements.html#vdom" class="docs-nav-link">vDOM</a>
        <a href="./elements.html#object-dom" class="docs-nav-link">Object DOM (oDOM)</a>
        <a href="./elements.html#custom-elements" class="docs-nav-link">Custom Elements</a>
        <div class="docs-nav-item">
            <a href="./elements.html#pseudo-elements" class="docs-nav-link">Pseudo-elements</a>
            <div class="docs-nav-subsection" style="margin-left: 1rem; border-left: 1px solid var(--site-border);">
                <a href="./elements.html#shadowdom" class="docs-nav-link" style="font-size: 0.85em;">shadowDOM</a>
                <a href="./elements.html#text" class="docs-nav-link" style="font-size: 0.85em;">text</a>
            </div>
        </div>
        <a href="./elements.html#attributes-events" class="docs-nav-link">Events</a>
        <a href="./elements.html#children" class="docs-nav-link">Children</a>
        <a href="./elements.html#dom-el" class="docs-nav-link">The domEl Property</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">Reactivity</div>


        <a href="./signals.html" class="docs-nav-link">Signals</a>
        <a href="./computed.html" class="docs-nav-link">Computed</a>
        <a href="./effects.html" class="docs-nav-link">Effects</a>
        <a href="./enhance.html" class="docs-nav-link">Enhance</a>
    </div>
    <div class="docs-nav-section">
        <div class="docs-nav-title">Lightview X</div>
        <div class="docs-nav-item">
            <a href="./state.html" class="docs-nav-link">State (Deep Reactivity)</a>
            <div class="docs-nav-subsection" style="margin-left: 1rem; border-left: 1px solid var(--site-border);">
                <a href="./state.html#shortcomings" class="docs-nav-link" style="font-size: 0.85em;">Shortcomings of
                    Signals</a>
                <a href="./state.html#state-to-the-rescue" class="docs-nav-link" style="font-size: 0.85em;">State to the
                    Rescue</a>
                <a href="./state.html#state-function" class="docs-nav-link" style="font-size: 0.85em;">State
                    Function</a>
                <a href="./state.html#nested-objects" class="docs-nav-link" style="font-size: 0.85em;">Nested
                    Objects</a>
                <a href="./state.html#in-the-ui" class="docs-nav-link" style="font-size: 0.85em;">In the UI</a>
                <a href="./state.html#array-methods" class="docs-nav-link" style="font-size: 0.85em;">Array Methods</a>
                <a href="./state.html#date-methods" class="docs-nav-link" style="font-size: 0.85em;">Date Methods</a>
                <a href="./state.html#named-state" class="docs-nav-link" style="font-size: 0.85em;">Named State</a>
                <a href="./state.html#stored-state" class="docs-nav-link" style="font-size: 0.85em;">Stored State</a>
                <a href="./state.html#schema-validation" class="docs-nav-link" style="font-size: 0.85em;">Schema
                    Validation</a>
                <a href="./state.html#json-schema-lite" class="docs-nav-link" style="font-size: 0.85em;">JSON Schema
                    Lite</a>
                <a href="./state.html#transformations" class="docs-nav-link"
                    style="font-size: 0.85em;">Transformations</a>
                <a href="./state.html#lite-vs-full" class="docs-nav-link" style="font-size: 0.85em;">Lite vs. Full
                    Validators</a>
            </div>
        </div>
    </div>
</nav>