Select an image for a custom Infographic component

[DougLogsdon2]

Greetings! I would like to create an Infographic component for a data summary like below:

I would like to be able to select an image for the background from the settings panel...similar to the included Image widget:

I believe this is using:

import { ImageSelector } from 'jimu-ui/advanced/resource-selector';

though there are no TypeScript definitions within ExB 1.6 and also not documented yet in Storybook.

If anymore has info on setting this up regarding parameters and updating settings changes (or if something else should be used entirely) it would be greatly appreciated! Thanks again!

[DougLogsdon2 · Accepted solution]

This solution came full circle for me, this is how you can reference image assets for custom widgets:

import { ImageSelector } from 'jimu-ui/advanced/resource-selector'; 

<ImageSelector
  buttonClassName='my-class-names'
  widgetId={id} 
  buttonLabel={'myButtonLabel'} 
  buttonSize='sm'
  onChange={handleResourceChange} 
  imageParam={selectedImageParam} />

 Good luck!