UseFormControl

useFormControl

@vendure/admin-uiuse-form-control.ts

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

Example

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>
    );
}

Signature

function useFormControl(): void