PiCanvas - Tabbed Page Sections

The idea behind the sample

PiCanvas is a SharePoint Framework web part that organizes page content into a clean tabbed interface. It supports permission-based tab visibility (Owners/Members/Visitors/Custom groups), multiple tab styles (default, pills, underline, boxed), vertical and horizontal layouts, and full color/typography customization. Features include template export/import, Mermaid diagram rendering, section grouping, theme auto-detection, and web part reuse across tabs.

Make it your own

Start with the author's setup instructions, explore the implementation, and adapt the pattern to your environment. Sample code stays in its original repository, together with its requirements, license and contribution history.

Keep exploring

• Build your first SharePoint client-side web part — Client-side web parts are client-side components that run in the context of a SharePoint page.
• Modern Hillbilly Tabs — Original concept by Mark Rackley that PiCanvas modernizes

Keep the ideas flowing

• Upcoming Events Viewer
• Article Content at a glance
• COVID-19 Indicator
• Create a new Team