Opening Multiple Webpages with One Button


I’m developing an app with a side panel showing content from multiple documents which are hosted online. At the moment, the displayed titles of each document are html.A([doc_title], href=doc_url, target="_blank") components and when clicked, the document’s webpage is opened in a new browser tab. This allows users to open documents on a one-by-one basis.

Is if it is possible to make an “Open All Documents” button that, when clicked, would open all of the documents, each in its own separate browser tab?

I’m using a dcc.Store() component to store a list of all of the document’s urls, so maybe there’s a way to create a callback that loops through this list and opens each url in a new browser tab. If that is possible, I haven’t been able to figure it out yet though!

Any and all help is greatly appreciated.

Thank you,