Hook

useControllableState

A small helper for components that support both controlled and uncontrolled state.

Hook

import { useControllableState } from "@swirski/ui";

Live render

Preview

Use this to keep component APIs consistent across Swirski primitives.

const [value, setValue] = useControllableState({
  value: props.value,
  defaultValue: props.defaultValue ?? "",
  onChange: props.onValueChange,
});

3 documented

Prop	Type	Default	Notes
`value`	`T`	`-`	Controlled value.
`defaultValue`Required	`T`	`-`	Uncontrolled initial value.
`onChange`	`(value: T) => void`	`-`	Called when the setter resolves a value.

2 documented

Value	Type	Notes
`value`	`T`	Current controlled or uncontrolled value.
`setValue`	`Dispatch<SetStateAction<T>>`	Updates internal state or calls onChange with the resolved value.