prefix the all id attributes with a string, random or customisable

🚀 Feature Proposal

Prepend random, set string to each id, so that they’re unique per this SVG.

Motivation

When you export multiple SVG from let’s say Illustrator, you get same id names, for example #b, #d and so on. They tend to clash, so I have to manually go to the output of svgr and prepend some string to each id value. Can this be automated somehow?

Example

Can we use maybe nanoid or let’s say add an input to the GUI sidebar to prepend that string to each id?

Pitch

Because in real-life, more often than not, there will be multiple SVG’s on a given page, which, in turn, will have to have unique ids because they’re on the same page.

[matthew-dean]

@AlfieJones That’s a good start but it only updates the ID for clipPath. URL references for masks, for example, would not work.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.