import React from 'react'; import { NumberInput } from '@patternfly/react-core'; export const NumberInputCustomStep: React.FunctionComponent = () => { const [value, setValue] = React.useState(90); const step = 3; const stepper = (stepValue: number) => { setValue((value || 0) + stepValue); }; const onChange = (event: React.FormEvent) => { const value = (event.target as HTMLInputElement).value; setValue(value === '' ? value : +value); }; return ( stepper(-step)} onChange={onChange} onPlus={() => stepper(step)} inputName="input" inputAriaLabel="number input" minusBtnAriaLabel="minus" plusBtnAriaLabel="plus" /> ); };