Add Delete / Remove icon to each image

[pepsiamir]

Is it possible to add remove image from stack?

I have no idea how to pass the images array as prop from PhotoAlbum to this component so I can remove one of them by id. Can you help please?

const PhotoFrame = memo(
  forwardRef<HTMLDivElement, PhotoFrameProps>((props, ref) => {
    const {
      layoutOptions,
      imageProps,
      activeIndex,
      overlay,
      active,
      insertPosition,
      attributes,
      listeners,
      setActivatorNodeRef,
    } = props;
    const { alt, style, ...restImageProps } = imageProps;

[igordanchenko]

It sounds like you are building on top of the Sortable Gallery example. If that's the case, then you can add onRemove callback to the PhotoFrame component and implement that callback inside the renderPhoto render function.

Here is a working example - https://codesandbox.io/p/sandbox/react-photo-album-138-9n3hh2?file=%2Fsrc%2FApp.tsx

[pepsiamir]

Thank you @igordanchenko. It worked