File Upload

npm install empower-inputs --save

import { InputSelectionHandler} from 'empower-inputs';

let [formElement, setFormElement] = useState({
   sampleFile: {
      id: "sampleFile",
      type: 'file',
      selected: [],
      accept: ".png,.pdf",
      disabled: false,
    }
});

..............

return (
    <>
        <h4>FILE SINGLE</h4>
        <InputSelectionHandler
          config={formElement.sampleFile}
          customClass="file-custom-class"
          hasChips={true}
          onChanged={(e) => inputChangedHandler(e, 'sampleFile')}
        />
    </>
  )

import { InputSelectionHandler} from 'empower-inputs';

let [formElement, setFormElement] = useState({
    sampleFileMultiple: {
      id: "sampleFileMultiple",
      type: 'file',
      selected: [],
      accept: ".png,.pdf",
      disabled: false,
      multiple: true
    }
});

..............

return (
    <>
      <h4>FILE MULTIPLE</h4>
      <InputSelectionHandler
        config={formElement.sampleFileMultiple}
        customClass="file-custom-class"
        hasChips={true}
        onChanged={(e) => inputChangedHandler(e, 'sampleFileMultiple')}
      />
    </>
  )