# WindowSplitter

Renders a focusable ARIA separator for resizing a pane.

## Signatures

```ts
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

```ts
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" })
})
```