WindowSplitter

Import

import { WindowSplitter } from "@typed/ui/WindowSplitter";

Signatures

export declare function WindowSplitter<const Options extends WindowSplitterOptions, const Host extends HostResult = never>(options: Options, host?: Dom.HostOverride<Dom.RenderHostProps<Options, WindowSplitterInternalProps<Options>>, "", Host>): import("./Dom/Types.js").HostComponent<Options | Host>;

Examples

import { Effect } from "effect"
import * as WindowSplitter from "@typed/ui/WindowSplitter"

const program = Effect.gen(function* () {
  const state = yield* WindowSplitter.makeState({ value: 320, min: 180, max: 640 })
  return WindowSplitter.WindowSplitter({ state, primaryPaneId: "navigation" })
})

Other public imports

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

• WindowSplitter.WindowSplitter from @typed/ui
• WindowSplitter.WindowSplitter from @typed/ui/index

Source

• packages/ui/src/WindowSplitter.ts:513