SharePoint Framework (SPFx) Tab Control (react)

Hi Friends,

This time I have worked upon a tab control which is still missing from Microsoft sample collection. I personally felt this tab control webpart can be of use in many scenarios.

I have used the Rich Text editor for the implementation, where whenever a new tab is added , the text editor automatically gets associated with the tab. Since it is the rich text editor so you can do almost everything you want to display with all the custom formatting options available.

Source Code on GitHub

Features !

  • No configuration for the webpart to use
  • Safe and fast as there is no external saving of data
  • Rich Text editor increases lot of possibilities how you use it
  • Light weight control


$ npm install
$ gulp clean
$ gulp bundle --ship
$ gulp package-solution --ship

Below are some of the images that demonstrates the webpart.

View Mode

Edit Mode

Please provide your comments , if you need any more feature or how you like the control.

Happy Coding
Sumit Kanchan
#SharePointWidgets #SharePointFramework


Popular posts from this blog

SharePoint Framework (SPFx) : Cascade dropdown in webpart properties

Checking user permission in SharePoint Framework (SPFx) webpart

SharePoint Image Gallery