[hackathon-2024]: Add Component Selector to storybook
Description of changes
As a 2024 hackathon project, this PR adds the improved version of Component Selector into the storybook. Component Selector is a tool in beta state for developrs and designers that aims to ease the descision process when choosing the right Fluent UI v9 component.
The beta version of Component Selector can be tested here.
Note: Not intended for merge yet
Right now, Component Selector added by this PR is intended only for development and presentation, so the PR is not meant for merge yet.
📊 Bundle size report
✅ No changes found
Perf Analysis (@fluentui/react-components)
No significant results to display.
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 652 | 624 | 5000 | |
| Button | mount | 298 | 302 | 5000 | |
| Field | mount | 1117 | 1142 | 5000 | |
| FluentProvider | mount | 697 | 710 | 5000 | |
| FluentProviderWithTheme | mount | 80 | 80 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 35 | 35 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 74 | 89 | 10 | |
| MakeStyles | mount | 887 | 881 | 50000 | |
| Persona | mount | 1802 | 1719 | 5000 | |
| SpinButton | mount | 1386 | 1377 | 5000 | |
| SwatchPicker | mount | 1683 | 1661 | 5000 |
📊 Bundle size report
✅ No changes found
Pull request demo site: URL
🕵 FluentUIV0 No visual regressions between this PR and main