makeState

Import

import { makeState } from "@typed/ui/Carousel";

Signatures

export declare function makeState(initial: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{
    readonly activeId: string;
    readonly paused: boolean;
}, Schema.SchemaError, never, never>, never, Scope.Scope>;

Examples

import * as Effect from "effect/Effect";
import * as Carousel from "@typed/ui/Carousel";

const program = Effect.scoped(
  Effect.gen(function* () {
    const state = yield* Carousel.makeState({ activeId: "slide-1" });
    const collection = yield* Carousel.makeCollection();
    return { state: yield* state, collection: yield* collection };
  }),
);

Other public imports

These import paths expose the same declaration. Each page retains its own public name and signature.

• Carousel.makeState from @typed/ui
• Carousel.makeState from @typed/ui/index

Source

• packages/ui/src/Carousel.ts:111