fluentui
fluentui copied to clipboard
Published
20 hours ago •
microsoft
microsoft
feat(react-card): selectable cards
PR in progress. Created to add visibility.
Current Behavior
New Behavior
Related Issue(s)
Fixes #
This pull request is automatically built and testable in CodeSandbox.
To see build info of the built libraries, click here or the icon next to each commit SHA.
Latest deployment of this branch, based on commit 8e2010c051578bb17381c60045be90dcc829b998:
| Sandbox | Source |
|---|---|
| @fluentui/react 8 starter | Configuration |
| @fluentui/react-components 9 starter | Configuration |
![codesandbox-ci[bot] avatar](https://avatars.githubusercontent.com/in/38409?v=4 "Published by a pub.dev verified publisher"){kind=small}
📊 Bundle size report
| Package & Exports | Baseline (minified/GZIP) | PR | Change |
|---|---|---|---|
| react-card Card - All |
67.664 kB19.635 kB |
71.863 kB20.939 kB |
4.199 kB 1.304 kB |
| react-card Card |
63.346 kB18.539 kB |
67.641 kB19.897 kB |
4.295 kB 1.358 kB |
| react-card CardHeader |
9.65 kB3.962 kB |
9.782 kB3.998 kB |
132 B 36 B |
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| react-card CardFooter |
8.607 kB3.622 kB |
| react-card CardPreview |
8.708 kB3.678 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
62.94 kB17.663 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
189.906 kB52.963 kB |
| react-components react-components: FluentProvider & webLightTheme |
33.446 kB11.033 kB |
| react-portal-compat PortalCompatProvider |
5.857 kB1.978 kB |
Asset size changes
Size Auditor did not detect a change in bundle size for any component!
Baseline commit: 6ce378e366246cc7504a7adc7a49ad5c06c11f1e (build)
![size-auditor[bot] avatar](https://avatars.githubusercontent.com/in/13711?v=4 "Published by a pub.dev verified publisher"){kind=small}
Perf Analysis (@fluentui/react-components)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 1315 | 1319 | 5000 | |
| Button | mount | 943 | 950 | 5000 | |
| FluentProvider | mount | 1545 | 1440 | 5000 | |
| FluentProviderWithTheme | mount | 641 | 635 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 516 | 583 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 612 | 611 | 10 | |
| MakeStyles | mount | 1827 | 1851 | 50000 | |
| SpinButton | mount | 2534 | 2284 | 5000 |