Tag: React
-
Discover the ComboBoxListItemPicker control from the PnP reusable React controls

Introduction Continuing our exploration of the PnP React controls, today I want to talk about the ComboBoxListItemPicker control, a powerful component that combines the functionality of a combobox with SharePoint list item selection capabilities. If you’re interested, you can find the code of this sample here. The ComboBoxListItemPicker control allows users to select…
-
Using top actions to configure web parts in a SPFx solution

Introduction With this blog post I want to cover what the top actions are and how to use those in your solution. The top actions of a web part are the commands available when you select a web part, to better understand what we are talking about, have a look…
-
Using the PropertyFieldOrder from the PnP reusable property controls

Introduction Proceeding our dive into the PnP reusable property pane controls, I want to cover the PropertyFieldOrder control. The PnP reusable property pane controls is a package that contains a lot of useful controls that can be used in any SharePoint Framework web part’s property pane, if you want to…
-
Render a Mermaid diagram in an SPFx web part

Introduction Mermaid is quite useful, no doubt about that. It might also be useful to display diagrams in a SharePoint Online site. So, why not displaying a mermaid diagram in an SPFx web part? If you don’t know Mermaid you can have a look here. Visual appearance Let’s start having…
-
Copying Arrays in TypeScript: Spread vs Deep Linking

TLDR: use the spread operator for arrays of non-object items, otherwise you need to copy the array breaking the deep link of the objects using, for example, JSON.parse and JSON.stringify. If you’re interested in knowing more keep reading! With this post I want to remind (mostly to myself) that there…