-
Notifications
You must be signed in to change notification settings - Fork 2.9k
chore(react-infobutton): Add InfoTip component scaffold #28071
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
chore(react-infobutton): Add InfoTip component scaffold #28071
Conversation
📊 Bundle size reportUnchanged fixtures
|
Asset size changesSize Auditor did not detect a change in bundle size for any component! Baseline commit: 629df3c452dd3d0fd83472eb78ab8c98e22eb96e (build) |
🕵 fluentuiv9 No visual regressions between this PR and main |
…nfobutton/infoTip-scaffold
Perf Analysis (
|
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| InfoButton | mount | 12 | 12 | 5000 | Possible regression |
All results
| Scenario | Render type | Master Ticks | PR Ticks | Iterations | Status |
|---|---|---|---|---|---|
| Avatar | mount | 573 | 568 | 5000 | |
| Button | mount | 293 | 295 | 5000 | |
| Field | mount | 1036 | 1024 | 5000 | |
| FluentProvider | mount | 656 | 644 | 5000 | |
| FluentProviderWithTheme | mount | 76 | 81 | 10 | |
| FluentProviderWithTheme | virtual-rerender | 74 | 79 | 10 | |
| FluentProviderWithTheme | virtual-rerender-with-unmount | 72 | 75 | 10 | |
| InfoButton | mount | 12 | 12 | 5000 | Possible regression |
| MakeStyles | mount | 874 | 854 | 50000 | |
| Persona | mount | 1634 | 1591 | 5000 | |
| SpinButton | mount | 1273 | 1252 | 5000 |
|
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 339830d:
|
|
🎉 Handy links: |
|
🎉 Handy links: |
This PR adds the InfoTip component scaffold. InfoTip is another use case of a info bubble, we currently have an InfoButton that requires the user to click a button to get the information and InfoTip provides focus/hover toggle behavior. InfoTip is useful when there's focusable items while InfoTip is useful for short text and when there's no focusable elements.