Sample Request - Tiles/Cards using Isotope library used on the pnp.io sites

[mikezimm]

Disclaimer

Yes

Sample description

I would love to see a web part sample or component that gives the result of the
Samples pages like: https://pnp.github.io/sp-dev-fx-webparts/

The animation and capability of the Isotope library is just amazing and could be used in so many ways if there was a sample to start with.

I do know the Isotope library has both Open source and Commercial licenses so the example could also model how to handle similar types of licenses scenarios (at least the open source part).

I'm guessing one or more of the community mvps are behind all the pnp.io sites so they would probably be most familiar with the library and it's capabilities and liscensing.

Would be so much appreciated!
I would be willing to help but have never used external libraries like this sample might require.
I have a lot of ideas on how it could be used.

SPFx version

1.14.0 +

Are you willing to help?

Yes

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[mikezimm]

Potential use cases:

• Site Users in permission groups ( the tabs )
• Users in list to make dyanmic Org chart ( one tab per category / keyword ) to find people
• Site News by keywords/categories ( the tabs )
• Site Navigation by keywords - show List/Libraries/Pages etc - tabs = categories
• Hub Sites - Show associated sites by keywords ( tabs )
• Wiki Site Pages - Tabs for keywords in pages just like all the pnp.io pages

[gretchunkim]

@mikezimm Have you seen PnP Modern Search web part? You could accomplish your requirements by using search result web part, then select Cards layouts, followed by adding another web part for a search box. What you are describing, along with your use case, seems to align closely with the PnP Modern Search web part. They also have different tabs (Search Vertical Configurations) that you can use.