using web component Max modal, but how to change the close button from the modal

Shopify Discussion

Topic summary

A developer is implementing Shopify’s App Bridge v3 Max Modal web component but wants to customize the close button behavior. Specifically, they want to remove or hide the default close button when two action buttons are visible in the modal.

The developer has:

  • Referenced the official Shopify App Bridge web components documentation
  • Provided a screenshot showing the current modal layout with the unwanted close button
  • Included code (though the code snippet appears empty in the post)

Current Status: The question remains unanswered with no solutions or workarounds provided yet. The developer is seeking guidance on how to control the visibility of the modal’s close button through configuration or customization options.

Summarized with AI on October 29. AI used: claude-sonnet-4-5-20250929.
1

I am currently on app bridge v3 and using the Max Modal from the web component from here but the issue is i don’t want to have the close button when 2 button is visible. how can i remove this close button and only show the button there. the screenshot is here for better visibility.

the code is
3 Likes