@suluk/nano-stores - v0.1.3
    Preparing search index...

    Interface RevealOptions

    revealOnScroll — staggered scroll-triggered reveal for lists as a framework-agnostic primitive (saastarter parity: "list items fade/slide in as they enter the viewport, staggered"). One IntersectionObserver toggles the reveal class on [data-reveal] elements as they enter view; the look (initial hidden + transition + the --i stagger delay) is @suluk/theme base CSS. Degrades gracefully: with no IntersectionObserver (SSR/old) it reveals everything immediately, and reduced-motion is handled by the CSS, so content is NEVER stuck hidden.

    interface RevealOptions {
        selector?: string;
        revealedClass?: string;
        root?: { querySelectorAll(s: string): ArrayLike<Element> } | null;
        observer?: {
            prototype: IntersectionObserver;
            new (
                callback: IntersectionObserverCallback,
                options?: IntersectionObserverInit,
            ): IntersectionObserver;
        };
        stagger?: boolean;
        staggerCap?: number;
    }
    Index

    Properties

    selector? revealedClass? root? observer? stagger? staggerCap?

    Properties

    selector?: string

    elements to reveal (default "[data-reveal]").

    revealedClass?: string

    class added on reveal (default "reveal-in").

    root?: { querySelectorAll(s: string): ArrayLike<Element> } | null

    query root (default document).

    observer?: {
        prototype: IntersectionObserver;
        new (
            callback: IntersectionObserverCallback,
            options?: IntersectionObserverInit,
        ): IntersectionObserver;
    }

    injectable IntersectionObserver ctor (default global; absent → reveal-all fallback).

    stagger?: boolean

    set --i (index, capped) on each element for the CSS stagger (default true).

    staggerCap?: number

    max stagger index before wrapping (default 12).

    Settings

    Member Visibility

    On This Page

    Properties