fluentui
fluentui copied to clipboard
Adding Popover Component to web components v3
Previous Behavior
New Behavior
Related Issue(s)
- Fixes #
🕵 fluentui-web-components-v3 No visual regressions between this PR and main
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 cd355a4cb4ce379bb819ca568b5e751af84f1ed4:
| Sandbox | Source |
|---|---|
| @fluentui/react 8 starter | Configuration |
| @fluentui/react-components 9 starter | Configuration |
📊 Bundle size report
Unchanged fixtures
| Package & Exports | Size (minified/GZIP) |
|---|---|
| global-context createContext |
533 B338 B |
| global-context createContextSelector |
554 B348 B |
| priority-overflow createOverflowManager |
3.194 kB1.315 kB |
| react-accordion Accordion (including children components) |
85.867 kB25.973 kB |
| react-alert Alert |
89.69 kB22.384 kB |
| react-avatar Avatar |
53.083 kB14.771 kB |
| react-avatar AvatarGroup |
15.42 kB6.138 kB |
| react-avatar AvatarGroupItem |
69.301 kB19.061 kB |
| react-badge Badge |
23.78 kB7.544 kB |
| react-badge CounterBadge |
24.67 kB7.829 kB |
| react-badge PresenceBadge |
25.796 kB7.534 kB |
| react-button Button |
36.883 kB9.427 kB |
| react-button CompoundButton |
44.058 kB10.9 kB |
| react-button MenuButton |
41.563 kB10.777 kB |
| react-button SplitButton |
49.992 kB12.334 kB |
| react-button ToggleButton |
55.247 kB11.342 kB |
| react-card Card - All |
83.371 kB23.931 kB |
| react-card Card |
78.14 kB22.44 kB |
| react-card CardFooter |
9.04 kB3.793 kB |
| react-card CardHeader |
10.979 kB4.506 kB |
| react-card CardPreview |
9.847 kB4.14 kB |
| react-checkbox Checkbox |
33.086 kB10.344 kB |
| react-checkbox CheckboxField |
39.991 kB12.232 kB |
| react-combobox Combobox (including child components) |
85.156 kB27.248 kB |
| react-combobox ComboboxField |
81.573 kB27.136 kB |
| react-combobox Dropdown (including child components) |
83.843 kB27.006 kB |
| react-components react-components: Button, FluentProvider & webLightTheme |
64.085 kB17.627 kB |
| react-components react-components: Accordion, Button, FluentProvider, Image, Menu, Popover |
201.639 kB56.262 kB |
| react-components react-components: FluentProvider & webLightTheme |
35.049 kB11.612 kB |
| react-dialog Dialog (including children components) |
89.714 kB26.667 kB |
| react-divider Divider |
17.105 kB6.197 kB |
| react-field Field |
17.668 kB6.556 kB |
| react-image Image |
11.259 kB4.465 kB |
| react-infobutton InfoButton |
126.849 kB38.704 kB |
| react-input Input |
24.848 kB8.173 kB |
| react-input InputField |
35.053 kB11.114 kB |
| react-label Label |
9.817 kB4.059 kB |
| react-link Link |
12.306 kB5.083 kB |
| react-menu Menu (including children components) |
126.199 kB38.684 kB |
| react-menu Menu (including selectable components) |
129.268 kB39.207 kB |
| react-overflow hooks only |
11.214 kB4.247 kB |
| react-persona Persona |
59.921 kB16.658 kB |
| react-popover Popover |
113.927 kB35.085 kB |
| react-portal Portal |
11.377 kB4.159 kB |
| react-portal-compat PortalCompatProvider |
6.324 kB2.117 kB |
| react-positioning usePositioning |
22.857 kB8.512 kB |
| react-progress ProgressBar |
13.573 kB5.241 kB |
| react-progress ProgressField |
23.868 kB8.388 kB |
| react-provider FluentProvider |
17.116 kB6.334 kB |
| react-radio Radio |
32.671 kB10.599 kB |
| react-radio RadioGroup |
14.885 kB5.904 kB |
| react-radio RadioGroupField |
24.958 kB9.078 kB |
| react-select Select |
24.14 kB8.298 kB |
| react-select SelectField |
33.379 kB10.8 kB |
| react-slider Slider |
33.086 kB10.576 kB |
| react-slider SliderField |
42.917 kB13.493 kB |
| react-spinbutton SpinButton |
45.179 kB13.083 kB |
| react-spinbutton SpinButtonField |
54.442 kB15.673 kB |
| react-spinner Spinner |
20.615 kB6.69 kB |
| react-switch Switch |
28.22 kB8.748 kB |
| react-switch SwitchField |
35.005 kB10.658 kB |
| react-table DataGrid |
142.96 kB38.983 kB |
| react-table Table (Primitives only) |
43.771 kB12.07 kB |
| react-table Table as DataGrid |
134.285 kB34.462 kB |
| react-table Table (Selection only) |
82.203 kB20.548 kB |
| react-table Table (Sort only) |
81.632 kB20.398 kB |
| react-text Text - Default |
12.261 kB4.824 kB |
| react-text Text - Wrappers |
15.571 kB5.245 kB |
| react-textarea Textarea |
26.331 kB8.598 kB |
| react-textarea TextareaField |
36.532 kB11.521 kB |
| react-theme Single theme token import |
69 B89 B |
| react-theme Teams: all themes |
30.908 kB6.725 kB |
| react-theme Teams: Light theme |
17.776 kB5.144 kB |
| react-tooltip Tooltip |
45.962 kB16.154 kB |
| react-utilities SSRProvider |
180 B160 B |
Closing for housekeeping 🏡 Feel free to re-open