Custom Command Bar using SPFx 1.8 Extensions

In the earlier article, we saw how to create the Custom Context Menu. There is no much difference between the Context Menu and the Command Bar. Both are technically one and the same, but the location alone differs. Hence, the change is only on the Elements.xml.

 <?xml version="1.0" encoding="utf-8"?>
 <Elements xmlns="http://schemas.microsoft.com/sharepoint/">
     <CustomAction
         Title="CustomCommandBar"
         RegistrationId="100"
         RegistrationType="List"
         Location="ClientSideExtension.ListViewCommandSet.CommandBar"
         ClientSideComponentId="dd39c7d2-294d-4138-91ad-bcd5b1ce1646">
     </CustomAction>
 </Elements>
 

Rest Everything will be similar as that of the previous article here.

Happy Coding,

Sathish Nadarajan.