How to get SPFx webpart code working in document library?

Question

I created my first SPFx webpart. It's a very simple one to execute some javascript, similar to what the old script editor webpart would have done.

It acts on the 'share' button you would find in the top right corner of every site collection page.

Now, it works as intended on the Home.aspx. However, since the share button also appears in other places, such as a document library, I would like to have the javascript be executing here as well.

How can this be done?

I'm not sure the other SPFx development models (Field Customizers, Application, Customizers, Command Sets) would be able to achieve this.

Thanks for your help.

Answer 1

The Client-side webparts are only applicable (can be used) on Modern Site Pages and not on other assets (such as Document Libraries). As stated by you, the customization/javascript injection done to the share button on the Home.aspx. Inorder to make the same feature be available for all the assets in your site collection you need to use SPFx Extensions (Application Customizer). You can inject Javascript using Application Customizer. For starters you can refer this link (js injection using SPFx).