Upload

npm install @fbin-web/neighborhood-core

import { NbhdUpload } from '@fbin-web/neighborhood-core';

<nbhd-upload
  label="Upload photos"
  help-text="Add a clear photo of the product label."
  upload-type="image"
  multiple
  max-files="3"
  max-file-size="5242880">
</nbhd-upload>

<script>
  const nbhdUpload = document.querySelector('nbhd-upload');

  nbhdUpload.addEventListener('nbhd-files-selected', (event) => {
    console.log(event.detail.files);
  });
</script>

npm install @fbin-web/neighborhood-react

import { NbhdUpload } from '@fbin-web/neighborhood-react';

import { NbhdUpload } from '@fbin-web/neighborhood-react';

const App = () => (
  <>
    <NbhdUpload
      label="Upload photos"
      helpText="Add a clear photo of the product label."
      uploadType="image"
      multiple
      maxFiles={3}
      maxFileSize={5 * 1024 * 1024}
      onNbhdFilesSelected={(event) => console.log(event.detail.files)}></NbhdUpload>
  </>
);