vendure/docs/docs/reference/admin-ui-api/react-hooks/use-form-control.mdx

---
title: "UseFormControl"
generated: true
---
<GenerationInfo sourceFile="packages/admin-ui/src/lib/react/src/react-hooks/use-form-control.ts" sourceLine="31" packageName="@vendure/admin-ui" />

Provides access to the current FormControl value and a method to update the value.

*Example*

```ts
import { useFormControl, ReactFormInputProps } from '@vendure/admin-ui/react';
import React from 'react';

export function ReactNumberInput({ readonly }: ReactFormInputProps) {
    const { value, setFormValue } = useFormControl();

    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
        setFormValue(val);
    };
    return (
        <div>
            <input readOnly={readonly} type="number" onChange={handleChange} value={value} />
        </div>
    );
}
```

```ts title="Signature"
function useFormControl(): void
```