# Checkbox.makeState

Creates hydrated, renderer-independent checkbox state.

## Signatures

```ts
export declare function makeState(initial?: InitialState): Effect.Effect<RefSubject.HydratedRefSubject<{
    readonly checked: boolean | "mixed";
}, Schema.SchemaError, never, never>, never, import("effect/Scope").Scope>;
```



## Examples

```ts
import { Effect } from "effect"
import * as Checkbox from "@typed/ui/Checkbox"

const program = Effect.gen(function* () {
  return yield* Checkbox.makeState({ checked: "mixed" })
})
```