Help wanted: validate a React KPI Scorecard SPFx sample in SharePoint Online
I have added a read-only React KPI Scorecard sample to the PnP SharePoint Framework webparts repository: https://github.com/pnp/sp-dev-fx-webparts/pull/6478 The web part reads a configured SharePoint list and renders up to six KPI cards with: Current value and target Deterministic on-track, attention, at-risk, and unknown states Trend from the latest two observations Optional date filtering…
The PnP SharePoint Framework webparts repository has added a read-only React KPI Scorecard sample (<https://github.com/pnp/sp-dev-fx-webparts/pull/6478>). This web part reads a configured SharePoint list and displays up to six KPI cards, including current value and target, deterministic on-track, attention, at-risk, and unknown states, trend from the latest two observations, and optional date filtering.
It also includes loading, empty, access-denied, not-found, throttling, and refresh states using Fluent UI components and ensures keyboard-friendly status presentation.
The web part is thoroughly verified, with five Jest tests passing, TypeScript compiling, ESLint providing clean code, webpack building successfully, and the production .sppkg package validating. At this point, a tenant validation is sought. A contributor is requesting someone with a SharePoint Online tenant to test the web part with a representative KPI list and report the following:
1. Whether the list and field configuration works as documented.
2. Whether number and date values map correctly from common SharePoint column types.
3. Whether the threshold and trend states are understandable.
4. Whether the layout remains usable at narrow web-part widths.
A real tenant screenshot would be appreciated for the PR gallery validation. The contributor acknowledges lacking a suitable SharePoint Online tenant for creating an authentic screenshot, hence seeking community assistance. Positive or negative findings are welcomed, as they will aid in making the sample more useful before merge.
The source and contribution PR can be found at <https://github.com/pnp/sp-dev-fx-webparts/pull/6478> and <https://github.com/pnp/sp-dev-fx-webparts/pull/6478> respectively. For further reference, the Microsoft SPFx web parts guidance is available at <https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/overview-client-side-web-parts> with the hashtag #spfx #react #opensource.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
This story
This is one outlet's version. Read the fullest account.
