Skip to content
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

docs(react-tooltip): Add info icon + tooltip story to Tooltip stories #28611

Merged
merged 4 commits into from
Jul 21, 2023

Conversation

sopranopillow
Copy link
Contributor

This PR adds a story to tooltip that shows how to build an info icon with a tooltip following an InfoIcon pattern.

Related Issue(s)

@sopranopillow sopranopillow self-assigned this Jul 21, 2023
@sopranopillow sopranopillow requested review from a team, behowell and khmakoto as code owners July 21, 2023 20:49
@fabricteam
Copy link
Collaborator

fabricteam commented Jul 21, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 604 572 5000
Button mount 288 285 5000
Field mount 1020 1038 5000
FluentProvider mount 644 654 5000
FluentProviderWithTheme mount 72 83 10
FluentProviderWithTheme virtual-rerender 68 71 10
FluentProviderWithTheme virtual-rerender-with-unmount 72 66 10
InfoButton mount 12 9 5000
MakeStyles mount 859 846 50000
Persona mount 1649 1569 5000
SpinButton mount 1313 1322 5000

@codesandbox-ci
Copy link

codesandbox-ci bot commented Jul 21, 2023

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 f20405e:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 21, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-alert
Alert
84.992 kB
22.03 kB
react-avatar
Avatar
47.739 kB
14.521 kB
react-avatar
AvatarGroup
15.695 kB
6.314 kB
react-avatar
AvatarGroupItem
63.915 kB
19.001 kB
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
213.111 kB
59.12 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-persona
Persona
55.293 kB
16.535 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
react-table
DataGrid
158.674 kB
43.399 kB
react-table
Table (Primitives only)
44.692 kB
12.447 kB
react-table
Table as DataGrid
132.761 kB
34.005 kB
react-table
Table (Selection only)
78.385 kB
19.379 kB
react-table
Table (Sort only)
77.004 kB
18.981 kB
react-tags-preview
InteractionTag
34.171 kB
9.199 kB
react-tags-preview
Tag
25.962 kB
8.49 kB
react-tags-preview
TagGroup
69.142 kB
20.294 kB
react-tooltip
Tooltip
47.463 kB
16.655 kB
🤖 This report was generated against 1082207b08959996cd736725735cadc01d0849b0

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 21, 2023

🕵 fluentuiv9 No visual regressions between this PR and main

@size-auditor
Copy link

size-auditor bot commented Jul 21, 2023

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 1082207b08959996cd736725735cadc01d0849b0 (build)

@sopranopillow sopranopillow merged commit 6720471 into microsoft:master Jul 21, 2023
@sopranopillow sopranopillow deleted the tooltip/example branch July 21, 2023 22:57
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Jul 25, 2023
* master: (32 commits)
  chore: remove @fluentui/bundle-size (microsoft#28601)
  Breadcrumb UI adjustments (microsoft#28578)
  feat(tools): re-generate react-components.api.md when preparing 1st stable release (microsoft#28561)
  perf(tools): make dependency-mismatch execution 90% faster and ignore */>=9.0.0-alpha versions (microsoft#28597)
  Table/DataGrid: keyboard resizing improvements (microsoft#28493)
  docs(react-tooltip): Add info icon + tooltip story to Tooltip stories (microsoft#28611)
  chore: Updating @fluentui/react-icons to version 2.0.207 (microsoft#28590)
  feat: allSelectedRows and someSelectedRows should be more reliable (microsoft#28577)
  add vr test to react-tags (microsoft#28484)
  applying package updates
  chore: migrate to monosize (microsoft#26826)
  fix(react-conformance): add @swc/helpers to deps instead of tslib as we use swc for transpilation (microsoft#28599)
  fix: MenuItem content should be spaced 12px from the boundary (microsoft#28162)
  feat: implements selection (microsoft#28497)
  bugfix: moves handleBackdropClick from defaultProps to an override (microsoft#28579)
  Fix empty CSS creation (microsoft#28566)
  chore: replace plop with nx within create-* aliases in root package.json (microsoft#28575)
  applying package updates
  fix: High contrast mode hover style icon fixes in react-button components (microsoft#28156)
  SplitButton: updated border right token for primary variant (microsoft#28555)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add info icon + tooltip example
3 participants