Possibility to control closing.

[ItProgerUA]

There is no way to control closing the gallery except through the default button

I would like to be able to add a custom button to an open gallery, when clicked you can close the gallery. (This is required if there is logic inside the content that requires interaction with a click)

[akhmadullin]

You can do it now by adding custom ui element, that will be closing gallery

const uiElements = [
  {
    name: 'custom-close-button',
    ariaLabel: 'Close button',
    order: 9,
    isButton: true,
    html: {
      isCustomSVG: true,
      inner:
        '<path d="<ICON_PATH>" id="pswp__icn-cstm-btn"/>',
      outlineID: 'pswp__icn-cstm-btn',
    },
    appendTo: 'bar',
    onClick: (e, el, pswpInstance) => {
      pswpInstance.close();
    },
  },
]

const MyGallery = () => (
  <Gallery uiElements={uiElements}>
    {/*...*/}
  </Gallery>
)

[ItProgerUA]

Thank you for your response, but I need something slightly different. It’s necessary not to customize the button but to pass it into the item context, where unfortunately there is no access to pswpInstance.close();. For example, I have provided a short piece of code.
Best regards,
Example of what is expected
https://codesandbox.io/p/sandbox/kscfl3

[MaximKondratev]

I think we can add some close api either for useGallery hook or for Item render prop (or both). Is it what you need?

[ItProgerUA]

I think yes. that would be great!