useFormStatus

The status of the <Form> a component is inside: pending state and target.

The status of the <Form> a component is inside: pending state and target. Outside a form it reports not pending.

Import#

import { useFormStatus } from "@shadow-js/dusk/client";

Signature#

function useFormStatus(): FormStatus

Returns#

The status of the nearest form.

Examples#

function SubmitButton() {
  const status = useFormStatus();
  return <button type="submit" disabled={status.pending}>{status.pending ? "Saving" : "Save"}</button>;
}