Skip to content

chore: migrate to storybook v7#32018

Merged
Hotell merged 10 commits intomicrosoft:masterfrom
dmytrokirpa:storybook-v7
Aug 7, 2024
Merged

chore: migrate to storybook v7#32018
Hotell merged 10 commits intomicrosoft:masterfrom
dmytrokirpa:storybook-v7

Conversation

@dmytrokirpa
Copy link
Contributor

@dmytrokirpa dmytrokirpa commented Jul 16, 2024 •
edited
Loading

Summary

This pull request migrates the repository to use Storybook v7. This includes updating dependencies, migrating existing packages, and updating visual regression tests to be compatible with Storybook v7.

Migration Checklist

  • Docsite @fluentui/public-docsite-v9
  • VR tests @fluentui/vr-tests, @fluentui/vr-tests-react-components, @fluentui/vr-tests-web-components, @fluentui/react-examples
  • V9 Components@fleuntui/react-components and @fluentui/react-*-stories packages
  • v8 Components @fluentui/react-examples
  • @fluentui/web-components

Changes

Dependencies

  • Upgraded @storybook/* dependencies to 7.6.20
  • Removed custom storybook-addon-swc as we're going to use built-in SWC plugin

Storybook Configuration:

  • Updated .storybook/main.js to use the new @storybook/react-webpack5 framework and builtin SWC plugin
  • Updated .storybook/preview.js to fix type definitions

Custom addons

  • @fluentui/storybook - replaced @storybook/addon-knobs with globalTypes
  • @fluentui/react-storybook-addon
  • @fluentui/react-storybook-addon-export-to-sandbox - updated babel-full-source-plugin to show extract full source of stories

Stories:

  • Migrated to MDX2
  • Removed duplicated stories in @fluentui/react-examples as they cause storybook build failure

Miscellaneous:

  • Changed build scripts "build-storybook" => "storybook build" and "start-storybook" => "storybook dev"
  • Removed --no-manager-cache deprecated flag
  • Removed unnecessary type storybook__addons definitions from tsconfig.json
  • Updated CSS selectors from #docs-root to #storybook-docs

Related Issue(s)

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 16, 2024 •
edited
Loading

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-accordion
Accordion (including children components)		 104.333 kB
32.092 kB		 104.332 kB
32.038 kB		 -1 B
-54 B
react-avatar
Avatar		 49.301 kB
15.838 kB		 49.303 kB
15.815 kB		 2 B
-23 B
react-avatar
AvatarGroup		 20.107 kB
7.973 kB		 20.106 kB
7.968 kB		 -1 B
-5 B
react-avatar
AvatarGroupItem		 63.445 kB
20.061 kB		 63.447 kB
20.034 kB		 2 B
-27 B
react-badge
Badge		 25.952 kB
8.614 kB		 25.954 kB
8.595 kB		 2 B
-19 B
react-badge
CounterBadge		 26.731 kB
8.887 kB		 26.733 kB
8.872 kB		 2 B
-15 B
react-badge
PresenceBadge		 25.719 kB
9.485 kB		 25.719 kB
9.457 kB
-28 B
react-breadcrumb
@fluentui/react-breadcrumb - package		 113.697 kB
31.537 kB		 113.699 kB
31.498 kB		 2 B
-39 B
react-button
Button		 37.105 kB
10.785 kB		 37.104 kB
10.766 kB		 -1 B
-19 B
react-button
CompoundButton		 43.516 kB
12.076 kB		 43.518 kB
12.068 kB		 2 B
-8 B
react-button
MenuButton		 41.912 kB
12.137 kB		 41.916 kB
12.119 kB		 4 B
-18 B
react-button
SplitButton		 49.924 kB
13.73 kB		 49.93 kB
13.696 kB		 6 B
-34 B
react-button
ToggleButton		 53.035 kB
12.546 kB		 53.037 kB
12.528 kB		 2 B
-18 B
react-card
Card - All		 101.234 kB
28.665 kB		 101.238 kB
28.624 kB		 4 B
-41 B
react-card
Card		 94.018 kB
26.813 kB		 94.022 kB
26.806 kB		 4 B
-7 B
react-card
CardFooter		 14.356 kB
5.798 kB		 14.355 kB
5.79 kB		 -1 B
-8 B
react-card
CardHeader		 16.879 kB
6.664 kB		 16.878 kB
6.666 kB		 -1 B
2 B
react-card
CardPreview		 14.42 kB
5.934 kB		 14.42 kB
5.922 kB
-12 B
react-checkbox
Checkbox		 35.105 kB
12.112 kB		 35.105 kB
12.075 kB
-37 B
react-combobox
Combobox (including child components)		 103.763 kB
34.054 kB		 104.353 kB
34.173 kB		 590 B
119 B
react-combobox
Dropdown (including child components)		 104.349 kB
33.963 kB		 104.939 kB
34.087 kB		 590 B
124 B
react-components
react-components: Button, FluentProvider & webLightTheme		 69.141 kB
20.157 kB		 69.14 kB
20.137 kB		 -1 B
-20 B
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover		 217.412 kB
63.063 kB		 218 kB
63.151 kB		 588 B
88 B
react-components
react-components: FluentProvider & webLightTheme		 44.442 kB
14.607 kB		 44.447 kB
14.59 kB		 5 B
-17 B
react-components
react-components: entire library		 1.096 MB
270.658 kB		 1.096 MB
270.895 kB		 924 B
237 B
react-datepicker-compat
DatePicker Compat		 223.049 kB
63.147 kB		 223.64 kB
63.299 kB		 591 B
152 B
react-dialog
Dialog (including children components)		 99.54 kB
29.905 kB		 99.541 kB
29.849 kB		 1 B
-56 B
react-divider
Divider		 21.328 kB
7.965 kB		 21.328 kB
7.953 kB
-12 B
react-field
Field		 23.384 kB
8.903 kB		 23.384 kB
8.891 kB
-12 B
react-image
Image		 15.362 kB
6.248 kB		 15.36 kB
6.236 kB		 -2 B
-12 B
react-input
Input		 28.015 kB
9.456 kB		 28.014 kB
9.444 kB		 -1 B
-12 B
react-jsx-runtime
JSX Dev Runtime		 3.781 kB
1.646 kB		 3.771 kB
1.643 kB		 -10 B
-3 B
react-jsx-runtime
JSX Runtime		 4.377 kB
1.881 kB		 4.367 kB
1.874 kB		 -10 B
-7 B
react-label
Label		 14.672 kB
6.002 kB		 14.671 kB
5.99 kB		 -1 B
-12 B
react-link
Link		 17.193 kB
6.993 kB		 17.192 kB
6.98 kB		 -1 B
-13 B
react-menu
Menu (including children components)		 151.286 kB
45.713 kB		 151.856 kB
45.848 kB		 570 B
135 B
react-menu
Menu (including selectable components)		 153.972 kB
46.205 kB		 154.537 kB
46.326 kB		 565 B
121 B
react-message-bar
MessageBar (all components)		 24.721 kB
9.223 kB		 24.722 kB
9.205 kB		 1 B
-18 B
react-motion
@fluentui/react-motion - createMotionComponent()		 4.108 kB
1.844 kB		 4.097 kB
1.832 kB		 -11 B
-12 B
react-motion
@fluentui/react-motion - createPresenceComponent()		 4.869 kB
2.169 kB		 4.858 kB
2.164 kB		 -11 B
-5 B
react-northstar
Accordion		 85.392 kB
26.518 kB		 85.383 kB
26.519 kB		 -9 B
1 B
react-northstar
Alert		 87.45 kB
26.902 kB		 87.438 kB
26.904 kB		 -12 B
2 B
react-northstar
Animation		 55.34 kB
17.829 kB		 55.331 kB
17.83 kB		 -9 B
1 B
react-northstar
Attachment		 86.844 kB
26.692 kB		 86.832 kB
26.7 kB		 -12 B
8 B
react-northstar
Avatar		 80.279 kB
24.629 kB		 80.267 kB
24.633 kB		 -12 B
4 B
react-northstar
Box		 75.248 kB
23.806 kB		 75.236 kB
23.812 kB		 -12 B
6 B
react-northstar
Breadcrumb		 79.92 kB
24.709 kB		 79.911 kB
24.717 kB		 -9 B
8 B
react-northstar
Button		 83.16 kB
25.947 kB		 83.148 kB
25.952 kB		 -12 B
5 B
react-northstar
Card		 82.705 kB
25.023 kB		 82.696 kB
25.036 kB		 -9 B
13 B
react-northstar
Carousel		 105.182 kB
31.871 kB		 105.173 kB
31.872 kB		 -9 B
1 B
react-northstar
Chat		 154.09 kB
46.847 kB		 154.081 kB
46.876 kB		 -9 B
29 B
react-northstar
Checkbox		 79.807 kB
25.078 kB		 79.795 kB
25.08 kB		 -12 B
2 B
react-northstar
Datepicker		 186.651 kB
56.973 kB		 186.642 kB
56.99 kB		 -9 B
17 B
react-northstar
Dialog		 112.058 kB
33.615 kB		 112.049 kB
33.622 kB		 -9 B
7 B
react-northstar
Divider		 76.619 kB
24.129 kB		 76.607 kB
24.135 kB		 -12 B
6 B
react-northstar
Dropdown		 198.211 kB
60.214 kB		 198.202 kB
60.222 kB		 -9 B
8 B
react-northstar
Embed		 81.477 kB
25.417 kB		 81.468 kB
25.424 kB		 -9 B
7 B
react-northstar
Flex		 47.728 kB
15.438 kB		 47.716 kB
15.443 kB		 -12 B
5 B
react-northstar
Form		 92.527 kB
28.879 kB		 92.518 kB
28.888 kB		 -9 B
9 B
react-northstar
Grid		 70.584 kB
22.278 kB		 70.572 kB
22.282 kB		 -12 B
4 B
react-northstar
Header		 74.756 kB
23.461 kB		 74.744 kB
23.465 kB		 -12 B
4 B
react-northstar
Image		 73.591 kB
23.329 kB		 73.579 kB
23.333 kB		 -12 B
4 B
react-northstar
Input		 88.346 kB
27.78 kB		 88.337 kB
27.78 kB		 -9 B
react-northstar
ItemLayout		 78.231 kB
24.454 kB		 78.219 kB
24.458 kB		 -12 B
4 B
react-northstar
Label		 77.92 kB
24.41 kB		 77.908 kB
24.413 kB		 -12 B
3 B
react-northstar
Layout		 75.393 kB
23.798 kB		 75.381 kB
23.803 kB		 -12 B
5 B
react-northstar
List		 88.493 kB
27.547 kB		 88.481 kB
27.556 kB		 -12 B
9 B
react-northstar
Loader		 78.616 kB
24.729 kB		 78.604 kB
24.733 kB		 -12 B
4 B
react-northstar
Menu		 128.602 kB
40.717 kB		 128.593 kB
40.737 kB		 -9 B
20 B
react-northstar
MenuButton		 163.008 kB
49.606 kB		 162.999 kB
49.613 kB		 -9 B
7 B
react-northstar
Pill		 83.722 kB
26.069 kB		 83.71 kB
26.069 kB		 -12 B
react-northstar
Popup		 135.316 kB
42.242 kB		 135.307 kB
42.257 kB		 -9 B
15 B
react-northstar
Portal		 58.338 kB
18.852 kB		 58.329 kB
18.851 kB		 -9 B
-1 B
react-northstar
Provider		 93.138 kB
29.63 kB		 93.129 kB
29.627 kB		 -9 B
-3 B
react-northstar
RadioGroup		 83.282 kB
26.053 kB		 83.273 kB
26.053 kB		 -9 B
react-northstar
Reaction		 77.28 kB
24.122 kB		 77.268 kB
24.127 kB		 -12 B
5 B
react-northstar
Segment		 76.209 kB
23.892 kB		 76.197 kB
23.896 kB		 -12 B
4 B
react-northstar
Skeleton		 77.765 kB
24.2 kB		 77.753 kB
24.205 kB		 -12 B
5 B
react-northstar
Slider		 84.27 kB
26.737 kB		 84.261 kB
26.755 kB		 -9 B
18 B
react-northstar
SplitButton		 178.246 kB
53.42 kB		 178.237 kB
53.438 kB		 -9 B
18 B
react-northstar
Status		 76.272 kB
24.05 kB		 76.26 kB
24.054 kB		 -12 B
4 B
react-northstar
SvgIcon		 36.823 kB
11.743 kB		 36.811 kB
11.746 kB		 -12 B
3 B
react-northstar
Table		 80.796 kB
25.154 kB		 80.787 kB
25.156 kB		 -9 B
2 B
react-northstar
Text		 74.114 kB
23.507 kB		 74.102 kB
23.511 kB		 -12 B
4 B
react-northstar
TextArea		 74.248 kB
23.492 kB		 74.236 kB
23.496 kB		 -12 B
4 B
react-northstar
Toolbar		 175.057 kB
52.832 kB		 175.048 kB
52.846 kB		 -9 B
14 B
react-northstar
Tooltip		 109.973 kB
35.227 kB		 109.964 kB
35.236 kB		 -9 B
9 B
react-northstar
Tree		 87.855 kB
27.217 kB		 87.843 kB
27.222 kB		 -12 B
5 B
react-northstar
Video		 75.411 kB
23.799 kB		 75.402 kB
23.797 kB		 -9 B
-2 B
react-overflow
hooks only		 12.821 kB
4.813 kB		 12.81 kB
4.821 kB		 -11 B
8 B
react-persona
Persona		 56.192 kB
17.728 kB		 56.194 kB
17.695 kB		 2 B
-33 B
react-popover
Popover		 127.757 kB
39.988 kB		 128.329 kB
40.143 kB		 572 B
155 B
react-positioning
usePositioning		 26.489 kB
9.552 kB		 27.057 kB
9.698 kB		 568 B
146 B
react-progress
ProgressBar		 17.086 kB
6.906 kB		 17.084 kB
6.891 kB		 -2 B
-15 B
react-provider
FluentProvider		 24.618 kB
8.906 kB		 24.623 kB
8.893 kB		 5 B
-13 B
react-radio
Radio		 32.673 kB
10.351 kB		 32.672 kB
10.343 kB		 -1 B
-8 B
react-radio
RadioGroup		 15.76 kB
6.433 kB		 15.762 kB
6.423 kB		 2 B
-10 B
react-select
Select		 27.723 kB
10.131 kB		 27.724 kB
10.123 kB		 1 B
-8 B
react-slider
Slider		 37.17 kB
12.547 kB		 37.169 kB
12.538 kB		 -1 B
-9 B
react-spinbutton
SpinButton		 36.102 kB
11.85 kB		 36.102 kB
11.827 kB
-23 B
react-spinner
Spinner		 25.246 kB
8.554 kB		 25.245 kB
8.539 kB		 -1 B
-15 B
react-swatch-picker
@fluentui/react-swatch-picker - package		 103.73 kB
30.098 kB		 103.736 kB
30.073 kB		 6 B
-25 B
react-switch
Switch		 35.301 kB
11.348 kB		 35.319 kB
11.314 kB		 18 B
-34 B
react-table
DataGrid		 160.337 kB
45.661 kB		 160.34 kB
45.543 kB		 3 B
-118 B
react-table
Table (Primitives only)		 42.482 kB
13.868 kB		 42.481 kB
13.802 kB		 -1 B
-66 B
react-table
Table as DataGrid		 131.142 kB
36.351 kB		 131.15 kB
36.354 kB		 8 B
3 B
react-table
Table (Selection only)		 70.336 kB
20.028 kB		 70.337 kB
19.943 kB		 1 B
-85 B
react-table
Table (Sort only)		 68.979 kB
19.633 kB		 68.98 kB
19.555 kB		 1 B
-78 B
react-tag-picker
@fluentui/react-tag-picker - package		 181.367 kB
54.538 kB		 181.961 kB
54.692 kB		 594 B
154 B
react-tags
InteractionTag		 15.167 kB
6.135 kB		 15.167 kB
6.141 kB
6 B
react-tags
Tag		 28.996 kB
9.52 kB		 28.995 kB
9.519 kB		 -1 B
-1 B
react-tags
TagGroup		 82.124 kB
24.344 kB		 82.13 kB
24.342 kB		 6 B
-2 B
react-text
Text - Default		 17.063 kB
6.733 kB		 17.061 kB
6.723 kB		 -2 B
-10 B
react-text
Text - Wrappers		 20.235 kB
7.064 kB		 20.242 kB
7.048 kB		 7 B
-16 B
react-textarea
Textarea		 26.572 kB
9.769 kB		 26.572 kB
9.755 kB
-14 B
react-timepicker-compat
TimePicker		 106.751 kB
35.596 kB		 107.342 kB
35.726 kB		 591 B
130 B
react-toast
Toast (including Toaster)		 97.634 kB
29.387 kB		 97.633 kB
29.377 kB		 -1 B
-10 B
react-tooltip
Tooltip		 54.946 kB
19.373 kB		 55.517 kB
19.515 kB		 571 B
142 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
global-context
createContext		 510 B
328 B
global-context
createContextSelector		 537 B
339 B
keyboard-key
keyboard-key package		 3.746 kB
1.928 kB
priority-overflow
createOverflowManager		 4.457 kB
1.856 kB
react
ActivityItem		 71.199 kB
23.342 kB
react
Announced		 38.48 kB
13.282 kB
react
Autofill		 15.428 kB
4.768 kB
react
Breadcrumb		 202.16 kB
60.414 kB
react
Button		 195.612 kB
56.635 kB
react
ButtonGrid		 180.546 kB
54.615 kB
react
Calendar		 121.738 kB
36.999 kB
react
Callout		 84.292 kB
27.63 kB
react
Check		 53.16 kB
17.832 kB
react
Checkbox		 59.946 kB
19.879 kB
react
ChoiceGroup		 65.455 kB
21.478 kB
react
ChoiceGroupOption		 58.723 kB
19.355 kB
react
Coachmark		 93.132 kB
29.416 kB
react
Color		 7.789 kB
3.127 kB
react
ColorPicker		 133.22 kB
41.588 kB
react
ComboBox		 252.052 kB
72.328 kB
react
CommandBar		 203.201 kB
60.138 kB
react
ContextualMenu		 155.083 kB
48.18 kB
react
DatePicker		 184.16 kB
56.164 kB
react
DateTimeUtilities		 5.244 kB
1.849 kB
react
DetailsList		 229.941 kB
65.919 kB
react
Dialog		 211.467 kB
63.157 kB
react
Divider		 19.591 kB
6.841 kB
react
DocumentCard		 217.153 kB
64.431 kB
react
DragDrop		 8.343 kB
2.724 kB
react
DraggableZone		 34.305 kB
11.509 kB
react
Dropdown		 234.099 kB
68.671 kB
react
ExtendedPicker		 96.795 kB
27.893 kB
react
Fabric		 41.732 kB
14.349 kB
react
Facepile		 210.755 kB
63.183 kB
react
FloatingPicker		 242.196 kB
69.02 kB
react
FocusTrapZone		 17.03 kB
5.924 kB
react
FocusZone		 55.053 kB
17.47 kB
react
Grid		 180.546 kB
54.615 kB
react
GroupedList		 135.005 kB
40.75 kB
react
GroupedListV2		 122.594 kB
37.849 kB
react
HoverCard		 97.16 kB
30.816 kB
react
Icon		 51.848 kB
17.254 kB
react
Icons		 66.361 kB
24.397 kB
react
Image		 46.887 kB
15.703 kB
react
Keytip		 81.661 kB
26.758 kB
react
KeytipData		 14.028 kB
4.587 kB
react
KeytipLayer		 103.459 kB
32.014 kB
react
Keytips		 106.227 kB
33.014 kB
react
Label		 38.335 kB
13.251 kB
react
Layer		 48.084 kB
16.358 kB
react
Link		 39.668 kB
13.662 kB
react
List		 39.4 kB
12.481 kB
react
MarqueeSelection		 74.528 kB
22.424 kB
react
MessageBar		 190.65 kB
57.064 kB
react
Modal		 93.632 kB
30.242 kB
react
Nav		 188.15 kB
56.514 kB
react
OverflowSet		 33.376 kB
11.317 kB
react
Overlay		 40.889 kB
14.084 kB
react
Panel		 201.208 kB
60.025 kB
react
Persona		 114.805 kB
36.493 kB
react
PersonaCoin		 114.805 kB
36.493 kB
react
PersonaPresence		 58.03 kB
19.368 kB
react
Pickers		 294.031 kB
82.422 kB
react
Pivot		 189.043 kB
57.242 kB
react
Popup		 12.294 kB
4.195 kB
react
Positioning		 22.807 kB
7.701 kB
react
PositioningContainer		 73.838 kB
23.759 kB
react
ProgressIndicator		 39.491 kB
13.54 kB
react
Rating		 81.97 kB
26.1 kB
react
Fluent UI React (entire library)		 1.014 MB
281.931 kB
react
ResizeGroup		 13.338 kB
4.377 kB
react
ResponsiveMode		 8.13 kB
2.966 kB
react
ScrollablePane		 55.53 kB
17.73 kB
react
SearchBox		 188.925 kB
56.674 kB
react
SelectableOption		 724 B
413 B
react
SelectedItemsList		 232.707 kB
67.921 kB
react
Selection		 42.464 kB
12.301 kB
react
Separator		 35.372 kB
12.142 kB
react
Shimmer		 49.238 kB
16.264 kB
react
ShimmeredDetailsList		 240.723 kB
68.649 kB
react
Slider		 57.639 kB
19.206 kB
react
SpinButton		 192.654 kB
57.781 kB
react
Spinner		 41.764 kB
14.469 kB
react
Stack		 41.734 kB
14.268 kB
react
Sticky		 32.613 kB
10.509 kB
react
Styling		 46.033 kB
15.135 kB
react
SwatchColorPicker		 190.871 kB
58.117 kB
react
TeachingBubble		 205.924 kB
61.042 kB
react
Text		 36.908 kB
12.822 kB
react
TextField		 80.767 kB
25.323 kB
react
Theme		 43.501 kB
14.183 kB
react
ThemeGenerator		 12.392 kB
4.126 kB
react
TimePicker		 241.834 kB
70.085 kB
react
Toggle		 46.21 kB
15.966 kB
react
Tooltip		 87.324 kB
28.217 kB
react
Utilities		 82.675 kB
25.119 kB
react
Viewport		 23.888 kB
7.656 kB
react
WeeklyDayPicker		 101.892 kB
31.818 kB
react
WindowProvider		 1.059 kB
541 B
react-calendar-compat
Calendar Compat		 149.573 kB
39.871 kB
react-jsx-runtime
Classic Pragma		 1.057 kB
530 B
react-motion
@fluentui/react-motion - PresenceGroup		 1.714 kB
819 B
react-northstar
Debug		 8.801 kB
3.594 kB
react-northstar
Design		 36.589 kB
12.067 kB
react-portal
Portal		 14.563 kB
5.118 kB
react-portal-compat
PortalCompatProvider		 8.39 kB
2.64 kB
react-theme
Single theme token import		 69 B
89 B
react-theme
Teams: all themes		 35.666 kB
7.453 kB
react-theme
Teams: Light theme		 19.642 kB
5.549 kB
react-utilities
SSRProvider		 180 B
160 B
🤖 This report was generated against 0c43a227ac779d017ab4c315cea2f5fceb7d3fc0

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 17, 2024 •
edited
Loading

Perf Analysis (@fluentui/react-components)

Scenario Render type Master Ticks PR Ticks Iterations Status
FluentProviderWithTheme virtual-rerender 36 31 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 77 76 10 Possible regression
All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 639 592 5000
Button mount 289 307 5000
Field mount 1143 1143 5000
FluentProvider mount 730 736 5000
FluentProviderWithTheme mount 83 88 10
FluentProviderWithTheme virtual-rerender 36 31 10 Possible regression
FluentProviderWithTheme virtual-rerender-with-unmount 77 76 10 Possible regression
MakeStyles mount 859 856 50000
Persona mount 1774 1683 5000
SpinButton mount 1340 1351 5000
SwatchPicker mount 1632 1625 5000

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 17, 2024 •
edited
Loading

Perf Analysis (@fluentui/react-northstar)

⚠️ 1 potential perf regressions detected

Potential regressions comparing to master

Scenario Current PR Ticks Baseline Ticks Ratio Regression Analysis
TreeWith60ListItems.default 86 85 1.01:1 analysis
Perf tests with no regressions
Scenario Current PR Ticks Baseline Ticks Ratio
AvatarMinimalPerf.default 117 104 1.13:1
ReactionMinimalPerf.default 220 195 1.13:1
ButtonMinimalPerf.default 94 84 1.12:1
ChatWithPopoverPerf.default 198 181 1.09:1
FormMinimalPerf.default 219 201 1.09:1
DropdownManyItemsPerf.default 407 379 1.07:1
TextMinimalPerf.default 202 189 1.07:1
FlexMinimalPerf.default 164 154 1.06:1
HeaderMinimalPerf.default 222 209 1.06:1
ProviderMinimalPerf.default 213 201 1.06:1
TextAreaMinimalPerf.default 289 272 1.06:1
TreeMinimalPerf.default 501 473 1.06:1
VideoMinimalPerf.default 467 441 1.06:1
DividerMinimalPerf.default 209 199 1.05:1
AnimationMinimalPerf.default 313 300 1.04:1
BoxMinimalPerf.default 202 195 1.04:1
CheckboxMinimalPerf.default 1157 1111 1.04:1
PopupMinimalPerf.default 358 347 1.03:1
AccordionMinimalPerf.default 90 88 1.02:1
ButtonSlotsPerf.default 326 319 1.02:1
CarouselMinimalPerf.default 258 253 1.02:1
DialogMinimalPerf.default 453 442 1.02:1
HeaderSlotsPerf.default 468 458 1.02:1
ItemLayoutMinimalPerf.default 723 712 1.02:1
MenuMinimalPerf.default 512 501 1.02:1
PortalMinimalPerf.default 85 83 1.02:1
SegmentMinimalPerf.default 201 198 1.02:1
TableManyItemsPerf.default 1089 1068 1.02:1
CustomToolbarPrototype.default 1476 1448 1.02:1
ChatMinimalPerf.default 437 434 1.01:1
EmbedMinimalPerf.default 1893 1869 1.01:1
InputMinimalPerf.default 529 522 1.01:1
LayoutMinimalPerf.default 196 195 1.01:1
SkeletonMinimalPerf.default 197 196 1.01:1
SliderMinimalPerf.default 744 737 1.01:1
StatusMinimalPerf.default 391 387 1.01:1
AttachmentSlotsPerf.default 638 636 1:1
DatepickerMinimalPerf.default 3531 3535 1:1
DropdownMinimalPerf.default 1421 1415 1:1
RefMinimalPerf.default 108 108 1:1
CardMinimalPerf.default 313 317 0.99:1
ChatDuplicateMessagesPerf.default 155 156 0.99:1
GridMinimalPerf.default 188 189 0.99:1
LabelMinimalPerf.default 214 216 0.99:1
ListCommonPerf.default 381 385 0.99:1
ListMinimalPerf.default 304 308 0.99:1
MenuButtonMinimalPerf.default 950 963 0.99:1
SplitButtonMinimalPerf.default 2224 2238 0.99:1
ToolbarMinimalPerf.default 530 536 0.99:1
TooltipMinimalPerf.default 1257 1264 0.99:1
AttachmentMinimalPerf.default 80 82 0.98:1
LoaderMinimalPerf.default 190 194 0.98:1
RosterPerf.default 1553 1587 0.98:1
IconMinimalPerf.default 393 400 0.98:1
TableMinimalPerf.default 236 242 0.98:1
AlertMinimalPerf.default 165 170 0.97:1
ButtonOverridesMissPerf.default 637 660 0.97:1
ListNestedPerf.default 310 319 0.97:1
ListWith60ListItems.default 355 365 0.97:1
ProviderMergeThemesPerf.default 638 659 0.97:1
RadioGroupMinimalPerf.default 252 259 0.97:1
ImageMinimalPerf.default 216 236 0.92:1

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 17, 2024 •
edited
Loading

Perf Analysis (@fluentui/react)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
BaseButton mount 645 640 5000
Breadcrumb mount 1708 1697 1000
Checkbox mount 1748 1696 5000
CheckboxBase mount 1494 1517 5000
ChoiceGroup mount 2956 2994 5000
ComboBox mount 688 691 1000
CommandBar mount 6686 6776 1000
ContextualMenu mount 13159 12995 1000
DefaultButton mount 795 832 5000
DetailsRow mount 2250 2269 5000
DetailsRowFast mount 2281 2274 5000
DetailsRowNoStyles mount 2064 2075 5000
Dialog mount 2686 2859 1000
DocumentCardTitle mount 221 243 1000
Dropdown mount 2049 2025 5000
FocusTrapZone mount 1166 1184 5000
FocusZone mount 1059 1107 5000
GroupedList mount 43017 43270 2
GroupedList virtual-rerender 20834 20761 2
GroupedList virtual-rerender-with-unmount 52613 52741 2
GroupedListV2 mount 230 229 2
GroupedListV2 virtual-rerender 206 220 2
GroupedListV2 virtual-rerender-with-unmount 235 231 2
IconButton mount 1174 1170 5000
Label mount 345 349 5000
Layer mount 2808 2818 5000
Link mount 398 390 5000
MenuButton mount 1012 1014 5000
MessageBar mount 22040 21947 5000
Nav mount 2030 2086 1000
OverflowSet mount 812 805 5000
Panel mount 1934 1832 1000
Persona mount 775 771 1000
Pivot mount 940 930 1000
PrimaryButton mount 980 948 5000
Rating mount 4752 4843 5000
SearchBox mount 927 967 5000
Shimmer mount 1955 1922 5000
Slider mount 1374 1370 5000
SpinButton mount 3075 3091 5000
Spinner mount 393 388 5000
SplitButton mount 1912 1929 5000
Stack mount 416 426 5000
StackWithIntrinsicChildren mount 893 894 5000
StackWithTextChildren mount 2779 2871 5000
SwatchColorPicker mount 6700 6597 5000
TagPicker mount 1497 1538 5000
Text mount 395 411 5000
TextField mount 966 959 5000
ThemeProvider mount 867 894 5000
ThemeProvider virtual-rerender 594 596 5000
ThemeProvider virtual-rerender-with-unmount 1320 1333 5000
Toggle mount 631 622 5000
buttonNative mount 196 198 5000

@dmytrokirpa dmytrokirpa self-assigned this Jul 17, 2024
@dmytrokirpa dmytrokirpa force-pushed the storybook-v7 branch 3 times, most recently from ca10dab to e6e3080 Compare July 22, 2024 13:43
@dmytrokirpa dmytrokirpa mentioned this pull request Jul 23, 2024
Merged
dmytrokirpa
dmytrokirpa commented Jul 24, 2024
View reviewed changes
@dmytrokirpa dmytrokirpa force-pushed the storybook-v7 branch 14 times, most recently from 6eeeaf7 to 0f72ea6 Compare July 29, 2024 23:17
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 6, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentui-web-components-v3 Visual Regression Report

Accordion 24 screenshots
Image Name Diff(in Pixels) Image Type
Accordion.Accordion With Custom Icons Dark Mode.chromium.png 0 Added
Accordion.Accordion With Custom Icons RTL.chromium.png 0 Added
Accordion.Accordion With Custom Icons.chromium.png 0 Added
Accordion.Disabled Dark Mode.chromium.png 0 Added
Accordion.Disabled RTL.chromium.png 0 Added
Accordion.Disabled.chromium.png 0 Added
Accordion.Marker Position End Dark Mode.chromium.png 0 Added
Accordion.Marker Position End RTL.chromium.png 0 Added
Accordion.Marker Position End.chromium.png 0 Added
Accordion.Size Dark Mode.chromium.png 0 Added
Accordion.Size RTL.chromium.png 0 Added
Accordion.Size.chromium.png 0 Added
Accordion.Accordion With Custom Icons - Dark Mode.normal.chromium.png 0 Removed
Accordion.Accordion With Custom Icons - RTL.normal.chromium.png 0 Removed
Accordion.Accordion With Custom Icons.normal.chromium.png 0 Removed
Accordion.Disabled - Dark Mode.normal.chromium.png 0 Removed
Accordion.Disabled - RTL.normal.chromium.png 0 Removed
Accordion.Disabled.normal.chromium.png 0 Removed
Accordion.Marker Position End - Dark Mode.normal.chromium.png 0 Removed
Accordion.Marker Position End - RTL.normal.chromium.png 0 Removed
Accordion.Marker Position End.normal.chromium.png 0 Removed
Accordion.Size - Dark Mode.normal.chromium.png 0 Removed
Accordion.Size - RTL.normal.chromium.png 0 Removed
Accordion.Size.normal.chromium.png 0 Removed
Avatar 38 screenshots
Image Name Diff(in Pixels) Image Type
Avatar.Active Appearance Dark Mode.chromium.png 0 Added
Avatar.Active Appearance.chromium.png 0 Added
Avatar.Active Dark Mode.chromium.png 0 Added
Avatar.Active.chromium.png 0 Added
Avatar.Color Dark Mode.chromium.png 0 Added
Avatar.Color RTL.chromium.png 0 Added
Avatar.Color.chromium.png 0 Added
Avatar.Colorful Dark Mode.chromium.png 0 Added
Avatar.Colorful RTL.chromium.png 0 Added
Avatar.Colorful.chromium.png 0 Added
Avatar.Custom Initials RTL.chromium.png 0 Added
Avatar.Custom Initials.chromium.png 0 Added
Avatar.Default RTL.chromium.png 0 Added
Avatar.Default.chromium.png 0 Added
Avatar.Icon Dark Mode.chromium.png 0 Added
Avatar.Icon.chromium.png 0 Added
Avatar.Image.chromium.png 0 Added
Avatar.Shape.chromium.png 0 Added
Avatar.Size.chromium.png 0 Added
Avatar.Active - Dark Mode.normal.chromium.png 0 Removed
Avatar.Active Appearance - Dark Mode.normal.chromium.png 0 Removed
Avatar.Active Appearance.normal.chromium.png 0 Removed
Avatar.Active.normal.chromium.png 0 Removed
Avatar.Color - Dark Mode.normal.chromium.png 0 Removed
Avatar.Color - RTL.normal.chromium.png 0 Removed
Avatar.Color.normal.chromium.png 0 Removed
Avatar.Colorful - Dark Mode.normal.chromium.png 0 Removed
Avatar.Colorful - RTL.normal.chromium.png 0 Removed
Avatar.Colorful.normal.chromium.png 0 Removed
Avatar.Custom Initials - RTL.normal.chromium.png 0 Removed
Avatar.Custom Initials.normal.chromium.png 0 Removed
Avatar.Default - RTL.normal.chromium.png 0 Removed
Avatar.Default.normal.chromium.png 0 Removed
Avatar.Icon - Dark Mode.normal.chromium.png 0 Removed
Avatar.Icon.normal.chromium.png 0 Removed
Avatar.Image.normal.chromium.png 0 Removed
Avatar.Shape.normal.chromium.png 0 Removed
Avatar.Size.normal.chromium.png 0 Removed
Badge 20 screenshots
Image Name Diff(in Pixels) Image Type
Badge.Appearance Dark Mode.chromium.png 0 Added
Badge.Appearance.chromium.png 0 Added
Badge.Color Dark Mode.chromium.png 0 Added
Badge.Color.chromium.png 0 Added
Badge.Default Dark Mode.chromium.png 0 Added
Badge.Default.chromium.png 0 Added
Badge.Shape Dark Mode.chromium.png 0 Added
Badge.Shape.chromium.png 0 Added
Badge.Size Dark Mode.chromium.png 0 Added
Badge.Size.chromium.png 0 Added
Badge.Appearance - Dark Mode.normal.chromium.png 0 Removed
Badge.Appearance.normal.chromium.png 0 Removed
Badge.Color - Dark Mode.normal.chromium.png 0 Removed
Badge.Color.normal.chromium.png 0 Removed
Badge.Default - Dark Mode.normal.chromium.png 0 Removed
Badge.Default.normal.chromium.png 0 Removed
Badge.Shape - Dark Mode.normal.chromium.png 0 Removed
Badge.Shape.normal.chromium.png 0 Removed
Badge.Size - Dark Mode.normal.chromium.png 0 Removed
Badge.Size.normal.chromium.png 0 Removed
Button 192 screenshots
Image Name Diff(in Pixels) Image Type
Button.Circular.chromium.png 0 Added
Button.Default.chromium.png 0 Added
Button.Large Icon Only Dark Mode.chromium.png 0 Added
Button.Large Icon Only.chromium.png 0 Added
Button.Large With Icon Dark Mode.chromium.png 0 Added
Button.Large With Icon RTL.chromium.png 0 Added
Button.Large With Icon.chromium.png 0 Added
Button.Large.chromium.png 0 Added
Button.Medium Icon Only Dark Mode.chromium.png 0 Added
Button.Medium Icon Only.chromium.png 0 Added
Button.Medium With Icon Dark Mode.chromium.png 0 Added
Button.Medium With Icon RTL.chromium.png 0 Added
Button.Medium With Icon.chromium.png 0 Added
Button.Medium.chromium.png 0 Added
Button.Outline Dark Mode.chromium.png 0 Added
Button.Outline Disabled Dark Mode.chromium.png 0 Added
Button.Outline Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Outline Disabled Focusable.chromium.png 0 Added
Button.Outline Disabled.chromium.png 0 Added
Button.Outline.chromium.png 0 Added
Button.Primary Dark Mode.chromium.png 0 Added
Button.Primary Disabled Dark Mode.chromium.png 0 Added
Button.Primary Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Primary Disabled Focusable.chromium.png 0 Added
Button.Primary Disabled.chromium.png 0 Added
Button.Primary.chromium.png 0 Added
Button.Rounded.chromium.png 0 Added
Button.Small Icon Only Dark Mode.chromium.png 0 Added
Button.Small Icon Only.chromium.png 0 Added
Button.Small With Icon Dark Mode.chromium.png 0 Added
Button.Small With Icon RTL.chromium.png 0 Added
Button.Small With Icon.chromium.png 0 Added
Button.Small.chromium.png 0 Added
Button.Square.chromium.png 0 Added
Button.Subtle Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Focusable.chromium.png 0 Added
Button.Subtle Disabled.chromium.png 0 Added
Button.Subtle.chromium.png 0 Added
Button.Transparent Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Focusable.chromium.png 0 Added
Button.Transparent Disabled.chromium.png 0 Added
Button.Transparent.chromium.png 0 Added
Button.With Long Text RTL.chromium.png 0 Added
Button.With Long Text.chromium.png 0 Added
Button.Circular.default.chromium.png 0 Removed
Button.Circular.hover.chromium.png 0 Removed
Button.Circular.pressed.chromium.png 0 Removed
Button.Default.default.chromium.png 0 Removed
Button.Default.hover.chromium.png 0 Removed
Button.Default.pressed.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Large Icon Only.default.chromium.png 0 Removed
Button.Large Icon Only.hover.chromium.png 0 Removed
Button.Large Icon Only.pressed.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Large With Icon - RTL.default.chromium.png 0 Removed
Button.Large With Icon - RTL.hover.chromium.png 0 Removed
Button.Large With Icon - RTL.pressed.chromium.png 0 Removed
Button.Large With Icon.default.chromium.png 0 Removed
Button.Large With Icon.hover.chromium.png 0 Removed
Button.Large With Icon.pressed.chromium.png 0 Removed
Button.Large.default.chromium.png 0 Removed
Button.Large.hover.chromium.png 0 Removed
Button.Large.pressed.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Medium Icon Only.default.chromium.png 0 Removed
Button.Medium Icon Only.hover.chromium.png 0 Removed
Button.Medium Icon Only.pressed.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Medium With Icon - RTL.default.chromium.png 0 Removed
Button.Medium With Icon - RTL.hover.chromium.png 0 Removed
Button.Medium With Icon - RTL.pressed.chromium.png 0 Removed
Button.Medium With Icon.default.chromium.png 0 Removed
Button.Medium With Icon.hover.chromium.png 0 Removed
Button.Medium With Icon.pressed.chromium.png 0 Removed
Button.Medium.default.chromium.png 0 Removed
Button.Medium.hover.chromium.png 0 Removed
Button.Medium.pressed.chromium.png 0 Removed
Button.Outline - Dark Mode.default.chromium.png 0 Removed
Button.Outline - Dark Mode.hover.chromium.png 0 Removed
Button.Outline - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled Focusable.default.chromium.png 0 Removed
Button.Outline Disabled Focusable.hover.chromium.png 0 Removed
Button.Outline Disabled Focusable.pressed.chromium.png 0 Removed
Button.Outline Disabled.default.chromium.png 0 Removed
Button.Outline Disabled.hover.chromium.png 0 Removed
Button.Outline Disabled.pressed.chromium.png 0 Removed
Button.Outline.default.chromium.png 0 Removed
Button.Outline.hover.chromium.png 0 Removed
Button.Outline.pressed.chromium.png 0 Removed
Button.Primary - Dark Mode.default.chromium.png 0 Removed
Button.Primary - Dark Mode.hover.chromium.png 0 Removed
Button.Primary - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled Focusable.default.chromium.png 0 Removed
Button.Primary Disabled Focusable.hover.chromium.png 0 Removed
Button.Primary Disabled Focusable.pressed.chromium.png 0 Removed
Button.Primary Disabled.default.chromium.png 0 Removed
Button.Primary Disabled.hover.chromium.png 0 Removed
Button.Primary Disabled.pressed.chromium.png 0 Removed
Button.Primary.default.chromium.png 0 Removed
Button.Primary.hover.chromium.png 0 Removed
Button.Primary.pressed.chromium.png 0 Removed
Button.Rounded.default.chromium.png 0 Removed
Button.Rounded.hover.chromium.png 0 Removed
Button.Rounded.pressed.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Small Icon Only.default.chromium.png 0 Removed
Button.Small Icon Only.hover.chromium.png 0 Removed
Button.Small Icon Only.pressed.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Small With Icon - RTL.default.chromium.png 0 Removed
Button.Small With Icon - RTL.hover.chromium.png 0 Removed
Button.Small With Icon - RTL.pressed.chromium.png 0 Removed
Button.Small With Icon.default.chromium.png 0 Removed
Button.Small With Icon.hover.chromium.png 0 Removed
Button.Small With Icon.pressed.chromium.png 0 Removed
Button.Small.default.chromium.png 0 Removed
Button.Small.hover.chromium.png 0 Removed
Button.Small.pressed.chromium.png 0 Removed
Button.Square.default.chromium.png 0 Removed
Button.Square.hover.chromium.png 0 Removed
Button.Square.pressed.chromium.png 0 Removed
Button.Subtle - Dark Mode.default.chromium.png 0 Removed
Button.Subtle - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled Focusable.default.chromium.png 0 Removed
Button.Subtle Disabled Focusable.hover.chromium.png 0 Removed
Button.Subtle Disabled Focusable.pressed.chromium.png 0 Removed
Button.Subtle Disabled.default.chromium.png 0 Removed
Button.Subtle Disabled.hover.chromium.png 0 Removed
Button.Subtle Disabled.pressed.chromium.png 0 Removed
Button.Subtle.default.chromium.png 0 Removed
Button.Subtle.hover.chromium.png 0 Removed
Button.Subtle.pressed.chromium.png 0 Removed
Button.Transparent - Dark Mode.default.chromium.png 0 Removed
Button.Transparent - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled Focusable.default.chromium.png 0 Removed
Button.Transparent Disabled Focusable.hover.chromium.png 0 Removed
Button.Transparent Disabled Focusable.pressed.chromium.png 0 Removed
Button.Transparent Disabled.default.chromium.png 0 Removed
Button.Transparent Disabled.hover.chromium.png 0 Removed
Button.Transparent Disabled.pressed.chromium.png 0 Removed
Button.Transparent.default.chromium.png 0 Removed
Button.Transparent.hover.chromium.png 0 Removed
Button.Transparent.pressed.chromium.png 0 Removed
Button.With Long Text - RTL.default.chromium.png 0 Removed
Button.With Long Text - RTL.hover.chromium.png 0 Removed
Button.With Long Text - RTL.pressed.chromium.png 0 Removed
Button.With Long Text.default.chromium.png 0 Removed
Button.With Long Text.hover.chromium.png 0 Removed
Button.With Long Text.pressed.chromium.png 0 Removed
Checkbox 48 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.Checked Dark Mode.chromium.png 0 Added
Checkbox.Checked.chromium.png 0 Added
Checkbox.Circular Checked Dark Mode.chromium.png 0 Added
Checkbox.Circular Checked.chromium.png 0 Added
Checkbox.Circular Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled Checked Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled Checked.chromium.png 0 Added
Checkbox.Circular Disabled Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled.chromium.png 0 Added
Checkbox.Circular Indeterminate Dark Mode.chromium.png 0 Added
Checkbox.Circular Indeterminate.chromium.png 0 Added
Checkbox.Circular RTL.chromium.png 0 Added
Checkbox.Circular.chromium.png 0 Added
Checkbox.Default Dark Mode.chromium.png 0 Added
Checkbox.Default RTL.chromium.png 0 Added
Checkbox.Default.chromium.png 0 Added
Checkbox.Disabled Checked Dark Mode.chromium.png 0 Added
Checkbox.Disabled Checked.chromium.png 0 Added
Checkbox.Disabled Dark Mode.chromium.png 0 Added
Checkbox.Disabled.chromium.png 0 Added
Checkbox.Indeterminate Dark Mode.chromium.png 0 Added
Checkbox.Indeterminate.chromium.png 0 Added
Checkbox.Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Checked.normal.chromium.png 0 Removed
Checkbox.Circular - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular - RTL.normal.chromium.png 0 Removed
Checkbox.Circular Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Checked.normal.chromium.png 0 Removed
Checkbox.Circular Disabled - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Disabled Checked.normal.chromium.png 0 Removed
Checkbox.Circular Disabled.normal.chromium.png 0 Removed
Checkbox.Circular Indeterminate - Dark Mode.indeterminate.chromium.png 0 Removed
Checkbox.Circular Indeterminate - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Indeterminate.indeterminate.chromium.png 0 Removed
Checkbox.Circular Indeterminate.normal.chromium.png 0 Removed
Checkbox.Circular.normal.chromium.png 0 Removed
Checkbox.Default - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Default - RTL.normal.chromium.png 0 Removed
Checkbox.Default.normal.chromium.png 0 Removed
Checkbox.Disabled - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Disabled Checked.normal.chromium.png 0 Removed
Checkbox.Disabled.normal.chromium.png 0 Removed
Checkbox.Indeterminate - Dark Mode.indeterminate.chromium.png 0 Removed
Checkbox.Indeterminate - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Indeterminate.indeterminate.chromium.png 0 Removed
Checkbox.Indeterminate.normal.chromium.png 0 Removed
Divider 40 screenshots
Image Name Diff(in Pixels) Image Type
Divider.Align Content Center.chromium.png 0 Added
Divider.Align Content End RTL.chromium.png 0 Added
Divider.Align Content End.chromium.png 0 Added
Divider.Align Content Start RTL.chromium.png 0 Added
Divider.Align Content Start.chromium.png 0 Added
Divider.Appearance Brand Dark Mode.chromium.png 0 Added
Divider.Appearance Brand.chromium.png 0 Added
Divider.Appearance Default Dark Mode.chromium.png 0 Added
Divider.Appearance Default.chromium.png 0 Added
Divider.Appearance Strong Dark Mode.chromium.png 0 Added
Divider.Appearance Strong.chromium.png 0 Added
Divider.Appearance Subtle Dark Mode.chromium.png 0 Added
Divider.Appearance Subtle.chromium.png 0 Added
Divider.Default Dark Mode.chromium.png 0 Added
Divider.Default.chromium.png 0 Added
Divider.Inset.chromium.png 0 Added
Divider.Vertical With Svg.chromium.png 0 Added
Divider.Vertical.chromium.png 0 Added
Divider.With Svg Rtl.chromium.png 0 Added
Divider.With Svg.chromium.png 0 Added
Divider.Align Content Center.normal.chromium.png 0 Removed
Divider.Align Content End - RTL.normal.chromium.png 0 Removed
Divider.Align Content End.normal.chromium.png 0 Removed
Divider.Align Content Start - RTL.normal.chromium.png 0 Removed
Divider.Align Content Start.normal.chromium.png 0 Removed
Divider.Appearance Brand - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Brand.normal.chromium.png 0 Removed
Divider.Appearance Default - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Default.normal.chromium.png 0 Removed
Divider.Appearance Strong - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Strong.normal.chromium.png 0 Removed
Divider.Appearance Subtle - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Subtle.normal.chromium.png 0 Removed
Divider.Default - Dark Mode.normal.chromium.png 0 Removed
Divider.Default.normal.chromium.png 0 Removed
Divider.Inset.normal.chromium.png 0 Removed
Divider.Vertical With Svg.normal.chromium.png 0 Removed
Divider.Vertical.normal.chromium.png 0 Removed
Divider.With Svg - RTL.normal.chromium.png 0 Removed
Divider.With Svg.normal.chromium.png 0 Removed
Label 24 screenshots
Image Name Diff(in Pixels) Image Type
Label.Default Dark Mode.chromium.png 0 Added
Label.Default.chromium.png 0 Added
Label.Disabled Dark Mode.chromium.png 0 Added
Label.Disabled.chromium.png 0 Added
Label.Required Dark Mode.chromium.png 0 Added
Label.Required RTL.chromium.png 0 Added
Label.Required.chromium.png 0 Added
Label.Size Large.chromium.png 0 Added
Label.Size Medium.chromium.png 0 Added
Label.Size Small.chromium.png 0 Added
Label.Weight Regular.chromium.png 0 Added
Label.Weight Semibold.chromium.png 0 Added
Label.Default - Dark Mode.normal.chromium.png 0 Removed
Label.Default.normal.chromium.png 0 Removed
Label.Disabled - Dark Mode.normal.chromium.png 0 Removed
Label.Disabled.normal.chromium.png 0 Removed
Label.Required - Dark Mode.normal.chromium.png 0 Removed
Label.Required - RTL.normal.chromium.png 0 Removed
Label.Required.normal.chromium.png 0 Removed
Label.Size Large.normal.chromium.png 0 Removed
Label.Size Medium.normal.chromium.png 0 Removed
Label.Size Small.normal.chromium.png 0 Removed
Label.Weight Regular.normal.chromium.png 0 Removed
Label.Weight Semibold.normal.chromium.png 0 Removed
Link 14 screenshots
Image Name Diff(in Pixels) Image Type
Link.Default.chromium.png 0 Added
Link.Inline.chromium.png 0 Added
Link.Subtle.chromium.png 0 Added
Link.With Long Text.chromium.png 0 Added
Link.Default.default.chromium.png 0 Removed
Link.Default.hover.chromium.png 0 Removed
Link.Default.pressed.chromium.png 0 Removed
Link.Inline.default.chromium.png 0 Removed
Link.Inline.hover.chromium.png 0 Removed
Link.Inline.pressed.chromium.png 0 Removed
Link.Subtle.default.chromium.png 0 Removed
Link.Subtle.hover.chromium.png 0 Removed
Link.Subtle.pressed.chromium.png 0 Removed
Link.With Long Text.default.chromium.png 0 Removed
MenuList 58 screenshots
Image Name Diff(in Pixels) Image Type
MenuList.Checkbox Dark Mode.chromium.png 0 Added
MenuList.Checkbox RTL.chromium.png 0 Added
MenuList.Checkbox With Icons RTL.chromium.png 0 Added
MenuList.Checkbox With Icons.chromium.png 0 Added
MenuList.Checkbox.chromium.png 0 Added
MenuList.Default Dark Mode.chromium.png 0 Added
MenuList.Default RTL.chromium.png 0 Added
MenuList.Default.chromium.png 0 Added
MenuList.Radio Dark Mode.chromium.png 0 Added
MenuList.Radio RTL.chromium.png 0 Added
MenuList.Radio With Icons RTL.chromium.png 0 Added
MenuList.Radio With Icons.chromium.png 0 Added
MenuList.Radio.chromium.png 0 Added
MenuList.With Icons.chromium.png 0 Added
MenuList.With Submenu Dark Mode.chromium.png 0 Added
MenuList.With Submenu RLT.chromium.png 0 Added
MenuList.With Submenu.chromium.png 0 Added
MenuList.Checkbox - Dark Mode.1st selected.chromium.png 0 Removed
MenuList.Checkbox - Dark Mode.2nd selected.chromium.png 0 Removed
MenuList.Checkbox - Dark Mode.normal.chromium.png 0 Removed
MenuList.Checkbox - RTL.1st selected.chromium.png 0 Removed
MenuList.Checkbox - RTL.2nd selected.chromium.png 0 Removed
MenuList.Checkbox - RTL.normal.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.1st selected.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.2nd selected.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.normal.chromium.png 0 Removed
MenuList.Checkbox With Icons.1st selected.chromium.png 0 Removed
MenuList.Checkbox With Icons.2nd selected.chromium.png 0 Removed
MenuList.Checkbox With Icons.normal.chromium.png 0 Removed
MenuList.Checkbox.1st selected.chromium.png 0 Removed
MenuList.Checkbox.2nd selected.chromium.png 0 Removed
MenuList.Checkbox.normal.chromium.png 0 Removed
MenuList.Default - Dark Mode.hover menuitem.chromium.png 0 Removed
MenuList.Default - Dark Mode.normal.chromium.png 0 Removed
MenuList.Default - RTL.hover menuitem.chromium.png 0 Removed
MenuList.Default - RTL.normal.chromium.png 0 Removed
MenuList.Default.hover menuitem.chromium.png 0 Removed
MenuList.Default.normal.chromium.png 0 Removed
MenuList.Radio - Dark Mode.1st selected.chromium.png 0 Removed
MenuList.Radio - Dark Mode.2nd selected.chromium.png 0 Removed
MenuList.Radio - Dark Mode.normal.chromium.png 0 Removed
MenuList.Radio - RTL.1st selected.chromium.png 0 Removed
MenuList.Radio - RTL.2nd selected.chromium.png 0 Removed
MenuList.Radio - RTL.normal.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.1st selected.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.2nd selected.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.normal.chromium.png 0 Removed
MenuList.Radio With Icons.1st selected.chromium.png 0 Removed
MenuList.Radio With Icons.2nd selected.chromium.png 0 Removed
MenuList.Radio With Icons.normal.chromium.png 0 Removed
MenuList.Radio.1st selected.chromium.png 0 Removed
MenuList.Radio.2nd selected.chromium.png 0 Removed
MenuList.Radio.normal.chromium.png 0 Removed
MenuList.With Icons.hover menuitem.chromium.png 0 Removed
MenuList.With Icons.normal.chromium.png 0 Removed
MenuList.With Submenu - Dark Mode.normal.chromium.png 0 Removed
MenuList.With Submenu - RTL.normal.chromium.png 0 Removed
MenuList.With Submenu.normal.chromium.png 0 Removed
ProgressBar 36 screenshots
Image Name Diff(in Pixels) Image Type
ProgressBar.Default Dark Mode.chromium.png 0 Added
ProgressBar.Default RTL.chromium.png 0 Added
ProgressBar.Default.chromium.png 0 Added
ProgressBar.Shape Rounded.chromium.png 0 Added
ProgressBar.Shape Square.chromium.png 0 Added
ProgressBar.Thickness Large.chromium.png 0 Added
ProgressBar.Thickness Medium.chromium.png 0 Added
ProgressBar.Validation State Error Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Error.chromium.png 0 Added
ProgressBar.Validation State Success Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Success.chromium.png 0 Added
ProgressBar.Validation State Warning Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Warning.chromium.png 0 Added
ProgressBar.Value 0.chromium.png 0 Added
ProgressBar.Value 100.chromium.png 0 Added
ProgressBar.Value 25.chromium.png 0 Added
ProgressBar.Value 50.chromium.png 0 Added
ProgressBar.Value 75.chromium.png 0 Added
ProgressBar.Default - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Default - RTL.normal.chromium.png 0 Removed
ProgressBar.Default.normal.chromium.png 0 Removed
ProgressBar.Shape Rounded.normal.chromium.png 0 Removed
ProgressBar.Shape Square.normal.chromium.png 0 Removed
ProgressBar.Thickness Large.normal.chromium.png 0 Removed
ProgressBar.Thickness Medium.normal.chromium.png 0 Removed
ProgressBar.Validation State Error - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Error.normal.chromium.png 0 Removed
ProgressBar.Validation State Success - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Success.normal.chromium.png 0 Removed
ProgressBar.Validation State Warning - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Warning.normal.chromium.png 0 Removed
ProgressBar.Value 0.normal.chromium.png 0 Removed
ProgressBar.Value 100.normal.chromium.png 0 Removed
ProgressBar.Value 25.normal.chromium.png 0 Removed
ProgressBar.Value 50.normal.chromium.png 0 Removed
ProgressBar.Value 75.normal.chromium.png 0 Removed
Radio 16 screenshots
Image Name Diff(in Pixels) Image Type
Radio.Checked Dark Mode.chromium.png 0 Added
Radio.Checked.chromium.png 0 Added
Radio.Default Dark Mode.chromium.png 0 Added
Radio.Default.chromium.png 0 Added
Radio.Disabled Checked Dark Mode.chromium.png 0 Added
Radio.Disabled Checked.chromium.png 0 Added
Radio.Disabled Dark Mode.chromium.png 0 Added
Radio.Disabled.chromium.png 0 Added
Radio.Checked - Dark Mode.normal.chromium.png 0 Removed
Radio.Checked.normal.chromium.png 0 Removed
Radio.Default - Dark Mode.normal.chromium.png 0 Removed
Radio.Default.normal.chromium.png 0 Removed
Radio.Disabled - Dark Mode.normal.chromium.png 0 Removed
Radio.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Radio.Disabled Checked.normal.chromium.png 0 Removed
Radio.Disabled.normal.chromium.png 0 Removed
RadioGroup 26 screenshots
Image Name Diff(in Pixels) Image Type
RadioGroup.Default Checked.chromium.png 0 Added
RadioGroup.Default Dark Mode.chromium.png 0 Added
RadioGroup.Default RTL.chromium.png 0 Added
RadioGroup.Default.chromium.png 0 Added
RadioGroup.Disabled Dark Mode.chromium.png 0 Added
RadioGroup.Disabled Item Dark Mode.chromium.png 0 Added
RadioGroup.Disabled Item.chromium.png 0 Added
RadioGroup.Disabled.chromium.png 0 Added
RadioGroup.Horizontal Stacked RTL.chromium.png 0 Added
RadioGroup.Horizontal Stacked.chromium.png 0 Added
RadioGroup.Horizontal.chromium.png 0 Added
RadioGroup.Vertical RTL.chromium.png 0 Added
RadioGroup.Vertical.chromium.png 0 Added
RadioGroup.Default - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Default - RTL.normal.chromium.png 0 Removed
RadioGroup.Default Checked.normal.chromium.png 0 Removed
RadioGroup.Default.normal.chromium.png 0 Removed
RadioGroup.Disabled - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Disabled Item - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Disabled Item.normal.chromium.png 0 Removed
RadioGroup.Disabled.normal.chromium.png 0 Removed
RadioGroup.Horizontal Stacked - RTL.normal.chromium.png 0 Removed
RadioGroup.Horizontal Stacked.normal.chromium.png 0 Removed
RadioGroup.Horizontal.normal.chromium.png 0 Removed
RadioGroup.Vertical - RTL.normal.chromium.png 0 Removed
RadioGroup.Vertical.normal.chromium.png 0 Removed
Slider 20 screenshots
Image Name Diff(in Pixels) Image Type
Slider.Default Dark Mode.chromium.png 0 Added
Slider.Default RTL.chromium.png 0 Added
Slider.Default.chromium.png 0 Added
Slider.Disabled Dark Mode.chromium.png 0 Added
Slider.Disabled.chromium.png 0 Added
Slider.Size Medium.chromium.png 0 Added
Slider.Size Small.chromium.png 0 Added
Slider.Slider Steps Vertical.chromium.png 0 Added
Slider.Slider Steps.chromium.png 0 Added
Slider.Vertical.chromium.png 0 Added
Slider.Default - Dark Mode.normal.chromium.png 0 Removed
Slider.Default - RTL.normal.chromium.png 0 Removed
Slider.Default.normal.chromium.png 0 Removed
Slider.Disabled - Dark Mode.normal.chromium.png 0 Removed
Slider.Disabled.normal.chromium.png 0 Removed
Slider.Size Medium.normal.chromium.png 0 Removed
Slider.Size Small.normal.chromium.png 0 Removed
Slider.Slider Steps Vertical.normal.chromium.png 0 Removed
Slider.Slider Steps.normal.chromium.png 0 Removed
Slider.Vertical.normal.chromium.png 0 Removed
Switch 33 screenshots
Image Name Diff(in Pixels) Image Type
Switch.Checked Dark.chromium.png 0 Added
Switch.Checked RTL.chromium.png 0 Added
Switch.Checked.chromium.png 0 Added
Switch.Default Dark.chromium.png 0 Added
Switch.Default RTL.chromium.png 0 Added
Switch.Default.chromium.png 0 Added
Switch.Disabled Checked Dark.chromium.png 0 Added
Switch.Disabled Checked.chromium.png 0 Added
Switch.Disabled Dark.chromium.png 0 Added
Switch.Disabled RTL.chromium.png 0 Added
Switch.Disabled.chromium.png 0 Added
Switch.Checked - Dark Mode.hover.chromium.png 0 Removed
Switch.Checked - Dark Mode.normal.chromium.png 0 Removed
Switch.Checked - RTL.hover.chromium.png 0 Removed
Switch.Checked - RTL.normal.chromium.png 0 Removed
Switch.Checked.hover.chromium.png 0 Removed
Switch.Checked.normal.chromium.png 0 Removed
Switch.Default - Dark Mode.hover.chromium.png 0 Removed
Switch.Default - Dark Mode.normal.chromium.png 0 Removed
Switch.Default - RTL.hover.chromium.png 0 Removed
Switch.Default - RTL.normal.chromium.png 0 Removed
Switch.Default.hover.chromium.png 0 Removed
Switch.Default.normal.chromium.png 0 Removed
Switch.Disabled - Dark Mode.hover.chromium.png 0 Removed
Switch.Disabled - Dark Mode.normal.chromium.png 0 Removed
Switch.Disabled - RTL.hover.chromium.png 0 Removed
Switch.Disabled - RTL.normal.chromium.png 0 Removed
Switch.Disabled Checked - Dark Mode.hover.chromium.png 0 Removed
Switch.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Switch.Disabled Checked.hover.chromium.png 0 Removed
Switch.Disabled Checked.normal.chromium.png 0 Removed
Switch.Disabled.hover.chromium.png 0 Removed
Switch.Disabled.normal.chromium.png 0 Removed
Tabs 59 screenshots
Image Name Diff(in Pixels) Image Type
Tabs.Appearance Subtle.chromium.png 0 Added
Tabs.Appearance Transparent.chromium.png 0 Added
Tabs.Default Dark Mode.chromium.png 0 Added
Tabs.Default RTL.chromium.png 0 Added
Tabs.Default.chromium.png 0 Added
Tabs.Disabled Dark Mode.chromium.png 0 Added
Tabs.Disabled.chromium.png 0 Added
Tabs.Horizontal.chromium.png 0 Added
Tabs.Navigation Over Disabled Item.chromium.png 0 Added
Tabs.Navigation RTL.chromium.png 0 Added
Tabs.Navigation.chromium.png 0 Added
Tabs.Size Large Dark Mode.chromium.png 0 Added
Tabs.Size Large Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Large Vertical.chromium.png 0 Added
Tabs.Size Large.chromium.png 0 Added
Tabs.Size Medium Dark Mode.chromium.png 0 Added
Tabs.Size Medium Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Medium Vertical.chromium.png 0 Added
Tabs.Size Medium.chromium.png 0 Added
Tabs.Size Small Dark Mode.chromium.png 0 Added
Tabs.Size Small Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Small Vertical.chromium.png 0 Added
Tabs.Size Small.chromium.png 0 Added
Tabs.Vertical.chromium.png 0 Added
Tabs.Appearance Subtle.hover.chromium.png 0 Removed
Tabs.Appearance Subtle.normal.chromium.png 0 Removed
Tabs.Appearance Transparent.hover.chromium.png 0 Removed
Tabs.Appearance Transparent.normal.chromium.png 0 Removed
Tabs.Default - Dark Mode.normal.chromium.png 0 Removed
Tabs.Default - RTL.normal.chromium.png 0 Removed
Tabs.Default.normal.chromium.png 0 Removed
Tabs.Disabled - Dark Mode.normal.chromium.png 0 Removed
Tabs.Disabled.normal.chromium.png 0 Removed
Tabs.Horizontal.normal.chromium.png 0 Removed
Tabs.Navigation - RTL.2nd tab click.chromium.png 0 Removed
Tabs.Navigation - RTL.hover.chromium.png 0 Removed
Tabs.Navigation - RTL.normal.chromium.png 0 Removed
Tabs.Navigation - RTL.right arrow.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.2nd tab click.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.hover.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.normal.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.right arrow.chromium.png 0 Removed
Tabs.Navigation.2nd tab click.chromium.png 0 Removed
Tabs.Navigation.down arrow.chromium.png 0 Removed
Tabs.Navigation.hover.chromium.png 0 Removed
Tabs.Navigation.normal.chromium.png 0 Removed
Tabs.Size Large - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Large Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Large Vertical.normal.chromium.png 0 Removed
Tabs.Size Large.normal.chromium.png 0 Removed
Tabs.Size Medium - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Medium Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Medium Vertical.normal.chromium.png 0 Removed
Tabs.Size Medium.normal.chromium.png 0 Removed
Tabs.Size Small - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Small Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Small Vertical.normal.chromium.png 0 Removed
Tabs.Size Small.normal.chromium.png 0 Removed
Tabs.Vertical.normal.chromium.png 0 Removed
Text 22 screenshots
Image Name Diff(in Pixels) Image Type
Text.Align.chromium.png 0 Added
Text.Block.chromium.png 0 Added
Text.Default.chromium.png 0 Added
Text.Font.chromium.png 0 Added
Text.Italic.chromium.png 0 Added
Text.Nowrap.chromium.png 0 Added
Text.Size.chromium.png 0 Added
Text.Strikethrough.chromium.png 0 Added
Text.Truncate.chromium.png 0 Added
Text.Underline.chromium.png 0 Added
Text.Weight.chromium.png 0 Added
Text.Align.normal.chromium.png 0 Removed
Text.Block.normal.chromium.png 0 Removed
Text.Default.normal.chromium.png 0 Removed
Text.Font.normal.chromium.png 0 Removed
Text.Italic.normal.chromium.png 0 Removed
Text.Nowrap.normal.chromium.png 0 Removed
Text.Size.normal.chromium.png 0 Removed
Text.Strikethrough.normal.chromium.png 0 Removed
Text.Truncate.normal.chromium.png 0 Removed
Text.Underline.normal.chromium.png 0 Removed
Text.Weight.normal.chromium.png 0 Removed
TextInput 56 screenshots
Image Name Diff(in Pixels) Image Type
TextInput.Appearance Filled Darker Dark Mode.chromium.png 0 Added
TextInput.Appearance Filled Darker.chromium.png 0 Added
TextInput.Appearance Filled Lighter Dark Mode.chromium.png 0 Added
TextInput.Appearance Filled Lighter.chromium.png 0 Added
TextInput.Appearance Outline Dark Mode.chromium.png 0 Added
TextInput.Appearance Outline.chromium.png 0 Added
TextInput.Appearance Underline Dark Mode.chromium.png 0 Added
TextInput.Appearance Underline.chromium.png 0 Added
TextInput.Content End Dark Mode.chromium.png 0 Added
TextInput.Content End RTL.chromium.png 0 Added
TextInput.Content End.chromium.png 0 Added
TextInput.Content Start Dark Mode.chromium.png 0 Added
TextInput.Content Start End Dark Mode.chromium.png 0 Added
TextInput.Content Start End RTL.chromium.png 0 Added
TextInput.Content Start End.chromium.png 0 Added
TextInput.Content Start RTL.chromium.png 0 Added
TextInput.Content Start.chromium.png 0 Added
TextInput.Default.chromium.png 0 Added
TextInput.Disabled Dark Mode.chromium.png 0 Added
TextInput.Disabled.chromium.png 0 Added
TextInput.Inline.chromium.png 0 Added
TextInput.Placeholder Dark Mode.chromium.png 0 Added
TextInput.Placeholder.chromium.png 0 Added
TextInput.Required Dark Mode.chromium.png 0 Added
TextInput.Required.chromium.png 0 Added
TextInput.Size Large.chromium.png 0 Added
TextInput.Size Medium.chromium.png 0 Added
TextInput.Size Small.chromium.png 0 Added
TextInput.Appearance Filled Darker - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Filled Darker.normal.chromium.png 0 Removed
TextInput.Appearance Filled Lighter - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Filled Lighter.normal.chromium.png 0 Removed
TextInput.Appearance Outline - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Outline.normal.chromium.png 0 Removed
TextInput.Appearance Underline - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Underline.normal.chromium.png 0 Removed
TextInput.Content End - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content End - RTL.normal.chromium.png 0 Removed
TextInput.Content End.normal.chromium.png 0 Removed
TextInput.Content Start - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content Start - RTL.normal.chromium.png 0 Removed
TextInput.Content Start End - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content Start End - RTL.normal.chromium.png 0 Removed
TextInput.Content Start End.normal.chromium.png 0 Removed
TextInput.Content Start.normal.chromium.png 0 Removed
TextInput.Default.normal.chromium.png 0 Removed
TextInput.Disabled - Dark Mode.normal.chromium.png 0 Removed
TextInput.Disabled.normal.chromium.png 0 Removed
TextInput.Inline.normal.chromium.png 0 Removed
TextInput.Placeholder - Dark Mode.normal.chromium.png 0 Removed
TextInput.Placeholder.normal.chromium.png 0 Removed
TextInput.Required - Dark Mode.normal.chromium.png 0 Removed
TextInput.Required.normal.chromium.png 0 Removed
TextInput.Size Large.normal.chromium.png 0 Removed
TextInput.Size Medium.normal.chromium.png 0 Removed
TextInput.Size Small.normal.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentuiv8 Visual Regression Report

(Dev-Only) Suggestions 4 screenshots
Image Name Diff(in Pixels) Image Type
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.chromium.png 0 Added
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.Hovering over a wide suggestion element.chromium.png 0 Removed
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.Hovering over the X button on a wide suggestion element.chromium.png 0 Removed
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.default.chromium.png 0 Removed
ActivityItem 12 screenshots
Image Name Diff(in Pixels) Image Type
ActivityItem.Compact.chromium.png 0 Added
ActivityItem.CompactPersonas.chromium.png 0 Added
ActivityItem.Personas RTL.chromium.png 0 Added
ActivityItem.Personas.chromium.png 0 Added
ActivityItem.Root RTL.chromium.png 0 Added
ActivityItem.Root.chromium.png 0 Added
ActivityItem.Compact.default.chromium.png 0 Removed
ActivityItem.CompactPersonas.default.chromium.png 0 Removed
ActivityItem.Personas - RTL.default.chromium.png 0 Removed
ActivityItem.Personas.default.chromium.png 0 Removed
ActivityItem.Root - RTL.default.chromium.png 0 Removed
ActivityItem.Root.default.chromium.png 0 Removed
Breadcrumb 36 screenshots
Image Name Diff(in Pixels) Image Type
Breadcrumb.Button RTL.chromium.png 0 Added
Breadcrumb.Button.chromium.png 0 Added
Breadcrumb.Root RTL.chromium.png 0 Added
Breadcrumb.Root.chromium.png 0 Added
Breadcrumb.Button - RTL.click.chromium.png 0 Removed
Breadcrumb.Button - RTL.default.chromium.png 0 Removed
Breadcrumb.Button - RTL.hover.chromium.png 0 Removed
Breadcrumb.Button - RTL.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Button - RTL.longTitleHover.chromium.png 0 Removed
Breadcrumb.Button - RTL.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Button - RTL.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Button.click.chromium.png 0 Removed
Breadcrumb.Button.default.chromium.png 0 Removed
Breadcrumb.Button.hover.chromium.png 0 Removed
Breadcrumb.Button.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Button.longTitleHover.chromium.png 0 Removed
Breadcrumb.Button.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Button.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Hovering items.actionable hover.chromium.png 0 Removed
Breadcrumb.Hovering items.actionable overflow hover.chromium.png 0 Removed
Breadcrumb.Hovering items.non-actionable hover.chromium.png 0 Removed
Breadcrumb.Hovering items.non-actionable overflow hover.chromium.png 0 Removed
Breadcrumb.Root - RTL.click.chromium.png 0 Removed
Breadcrumb.Root - RTL.default.chromium.png 0 Removed
Breadcrumb.Root - RTL.hover.chromium.png 0 Removed
Breadcrumb.Root - RTL.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Root - RTL.longTitleHover.chromium.png 0 Removed
Breadcrumb.Root - RTL.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Root - RTL.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Root.click.chromium.png 0 Removed
Breadcrumb.Root.default.chromium.png 0 Removed
Breadcrumb.Root.hover.chromium.png 0 Removed
Breadcrumb.Root.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Root.longTitleHover.chromium.png 0 Removed
Breadcrumb.Root.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Root.shortTitleHover.chromium.png 0 Removed
Button (compat) 40 screenshots
Image Name Diff(in Pixels) Image Type
Button (compat).Checked.chromium.png 0 Added
Button (compat).Disabled.chromium.png 0 Added
Button (compat).Icon Only.chromium.png 0 Added
Button (compat).No Icon.chromium.png 0 Added
Button (compat).Primary Anchor.chromium.png 0 Added
Button (compat).Primary Checked.chromium.png 0 Added
Button (compat).Primary Disabled.chromium.png 0 Added
Button (compat).Primary.chromium.png 0 Added
Button (compat).Root RTL.chromium.png 0 Added
Button (compat).Root.chromium.png 0 Added
Button (compat).Checked.default.chromium.png 0 Removed
Button (compat).Checked.hover.chromium.png 0 Removed
Button (compat).Checked.pressed.chromium.png 0 Removed
Button (compat).Disabled.default.chromium.png 0 Removed
Button (compat).Disabled.hover.chromium.png 0 Removed
Button (compat).Disabled.pressed.chromium.png 0 Removed
Button (compat).Icon Only.default.chromium.png 0 Removed
Button (compat).Icon Only.hover.chromium.png 0 Removed
Button (compat).Icon Only.pressed.chromium.png 0 Removed
Button (compat).No Icon.default.chromium.png 0 Removed
Button (compat).No Icon.hover.chromium.png 0 Removed
Button (compat).No Icon.pressed.chromium.png 0 Removed
Button (compat).Primary Anchor.default.chromium.png 0 Removed
Button (compat).Primary Anchor.hover.chromium.png 0 Removed
Button (compat).Primary Anchor.pressed.chromium.png 0 Removed
Button (compat).Primary Checked.default.chromium.png 0 Removed
Button (compat).Primary Checked.hover.chromium.png 0 Removed
Button (compat).Primary Checked.pressed.chromium.png 0 Removed
Button (compat).Primary Disabled.default.chromium.png 0 Removed
Button (compat).Primary Disabled.hover.chromium.png 0 Removed
Button (compat).Primary Disabled.pressed.chromium.png 0 Removed
Button (compat).Primary.default.chromium.png 0 Removed
Button (compat).Primary.hover.chromium.png 0 Removed
Button (compat).Primary.pressed.chromium.png 0 Removed
Button (compat).Root - RTL.default.chromium.png 0 Removed
Button (compat).Root - RTL.hover.chromium.png 0 Removed
Button (compat).Root - RTL.pressed.chromium.png 0 Removed
Button (compat).Root.default.chromium.png 0 Removed
Button (compat).Root.hover.chromium.png 0 Removed
Button (compat).Root.pressed.chromium.png 0 Removed
Button Action (compat) 24 screenshots
Image Name Diff(in Pixels) Image Type
Button Action (compat).Checked.chromium.png 0 Added
Button Action (compat).Disabled.chromium.png 0 Added
Button Action (compat).Icon Only.chromium.png 0 Added
Button Action (compat).No Icon.chromium.png 0 Added
Button Action (compat).Root RTL.chromium.png 0 Added
Button Action (compat).Root.chromium.png 0 Added
Button Action (compat).Checked.default.chromium.png 0 Removed
Button Action (compat).Checked.hover.chromium.png 0 Removed
Button Action (compat).Checked.pressed.chromium.png 0 Removed
Button Action (compat).Disabled.default.chromium.png 0 Removed
Button Action (compat).Disabled.hover.chromium.png 0 Removed
Button Action (compat).Disabled.pressed.chromium.png 0 Removed
Button Action (compat).Icon Only.default.chromium.png 0 Removed
Button Action (compat).Icon Only.hover.chromium.png 0 Removed
Button Action (compat).Icon Only.pressed.chromium.png 0 Removed
Button Action (compat).No Icon.default.chromium.png 0 Removed
Button Action (compat).No Icon.hover.chromium.png 0 Removed
Button Action (compat).No Icon.pressed.chromium.png 0 Removed
Button Action (compat).Root - RTL.default.chromium.png 0 Removed
Button Action (compat).Root - RTL.hover.chromium.png 0 Removed
Button Action (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Action (compat).Root.default.chromium.png 0 Removed
Button Action (compat).Root.hover.chromium.png 0 Removed
Button Action (compat).Root.pressed.chromium.png 0 Removed
Button Command (compat) 20 screenshots
Image Name Diff(in Pixels) Image Type
Button Command (compat).Checked.chromium.png 0 Added
Button Command (compat).Disabled.chromium.png 0 Added
Button Command (compat).Root RTL.chromium.png 0 Added
Button Command (compat).Root.chromium.png 0 Added
Button Command (compat).Checked.default.chromium.png 0 Removed
Button Command (compat).Checked.hover.chromium.png 0 Removed
Button Command (compat).Checked.open.chromium.png 0 Removed
Button Command (compat).Checked.pressed.chromium.png 0 Removed
Button Command (compat).Disabled.default.chromium.png 0 Removed
Button Command (compat).Disabled.hover.chromium.png 0 Removed
Button Command (compat).Disabled.open.chromium.png 0 Removed
Button Command (compat).Disabled.pressed.chromium.png 0 Removed
Button Command (compat).Root - RTL.default.chromium.png 0 Removed
Button Command (compat).Root - RTL.hover.chromium.png 0 Removed
Button Command (compat).Root - RTL.open.chromium.png 0 Removed
Button Command (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Command (compat).Root.default.chromium.png 0 Removed
Button Command (compat).Root.hover.chromium.png 0 Removed
Button Command (compat).Root.open.chromium.png 0 Removed
Button Command (compat).Root.pressed.chromium.png 0 Removed
Button Compound (compat) 32 screenshots
Image Name Diff(in Pixels) Image Type
Button Compound (compat).Checked.chromium.png 0 Added
Button Compound (compat).Disabled.chromium.png 0 Added
Button Compound (compat).No Icon.chromium.png 0 Added
Button Compound (compat).Primary Checked.chromium.png 0 Added
Button Compound (compat).Primary Disabled.chromium.png 0 Added
Button Compound (compat).Primary.chromium.png 0 Added
Button Compound (compat).Root RTL.chromium.png 0 Added
Button Compound (compat).Root.chromium.png 0 Added
Button Compound (compat).Checked.default.chromium.png 0 Removed
Button Compound (compat).Checked.hover.chromium.png 0 Removed
Button Compound (compat).Checked.pressed.chromium.png 0 Removed
Button Compound (compat).Disabled.default.chromium.png 0 Removed
Button Compound (compat).Disabled.hover.chromium.png 0 Removed
Button Compound (compat).Disabled.pressed.chromium.png 0 Removed
Button Compound (compat).No Icon.default.chromium.png 0 Removed
Button Compound (compat).No Icon.hover.chromium.png 0 Removed
Button Compound (compat).No Icon.pressed.chromium.png 0 Removed
Button Compound (compat).Primary Checked.default.chromium.png 0 Removed
Button Compound (compat).Primary Checked.hover.chromium.png 0 Removed
Button Compound (compat).Primary Checked.pressed.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.default.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.hover.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.pressed.chromium.png 0 Removed
Button Compound (compat).Primary.default.chromium.png 0 Removed
Button Compound (compat).Primary.hover.chromium.png 0 Removed
Button Compound (compat).Primary.pressed.chromium.png 0 Removed
Button Compound (compat).Root - RTL.default.chromium.png 0 Removed
Button Compound (compat).Root - RTL.hover.chromium.png 0 Removed
Button Compound (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Compound (compat).Root.default.chromium.png 0 Removed
Button Compound (compat).Root.hover.chromium.png 0 Removed
Button Compound (compat).Root.pressed.chromium.png 0 Removed
Button Special Scenarios (compat) 4 screenshots
Image Name Diff(in Pixels) Image Type
Button Special Scenarios (compat).no flex shrink.chromium.png 0 Added
Button Special Scenarios (compat).primary with placeholder.chromium.png 0 Added
Button Special Scenarios (compat).no flex shrink.default.chromium.png 0 Removed
Button Special Scenarios (compat).primary with placeholder.default.chromium.png 0 Removed
Button Split (compat) 40 screenshots
Image Name Diff(in Pixels) Image Type
Button Split (compat).Checked.chromium.png 0 Added
Button Split (compat).Command Split.chromium.png 0 Added
Button Split (compat).Default with Primary Action Disabled.chromium.png 0 Added
Button Split (compat).Disabled.chromium.png 0 Added
Button Split (compat).Primary Checked.chromium.png 0 Added
Button Split (compat).Primary Disabled.chromium.png 0 Added
Button Split (compat).Primary with Primary Action Disabled.chromium.png 0 Added
Button Split (compat).Primary.chromium.png 0 Added
Button Split (compat).Root RTL.chromium.png 0 Added
Button Split (compat).Root.chromium.png 0 Added
Button Split (compat).Checked.default.chromium.png 0 Removed
Button Split (compat).Checked.hover main.chromium.png 0 Removed
Button Split (compat).Checked.hover split.chromium.png 0 Removed
Button Split (compat).Command Split.default.chromium.png 0 Removed
Button Split (compat).Command Split.hover main.chromium.png 0 Removed
Button Split (compat).Command Split.hover split.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.default.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Disabled.default.chromium.png 0 Removed
Button Split (compat).Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary Checked.default.chromium.png 0 Removed
Button Split (compat).Primary Checked.hover main.chromium.png 0 Removed
Button Split (compat).Primary Checked.hover split.chromium.png 0 Removed
Button Split (compat).Primary Disabled.default.chromium.png 0 Removed
Button Split (compat).Primary Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Primary Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.default.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary.default.chromium.png 0 Removed
Button Split (compat).Primary.hover main.chromium.png 0 Removed
Button Split (compat).Primary.hover split.chromium.png 0 Removed
Button Split (compat).Root - RTL.default.chromium.png 0 Removed
Button Split (compat).Root - RTL.hover main.chromium.png 0 Removed
Button Split (compat).Root - RTL.hover split.chromium.png 0 Removed
Button Split (compat).Root.default.chromium.png 0 Removed
Button Split (compat).Root.hover main.chromium.png 0 Removed
Button Split (compat).Root.hover split.chromium.png 0 Removed
Calendar 4 screenshots
Image Name Diff(in Pixels) Image Type
Calendar.Root RTL.chromium.png 0 Added
Calendar.Root.chromium.png 0 Added
Calendar.Root - RTL.default.chromium.png 0 Removed
Calendar.Root.default.chromium.png 0 Removed
Calendar - No Month Option 8 screenshots
Image Name Diff(in Pixels) Image Type
Calendar - No Month Option.Show Month as Overlay and no Go To Today.chromium.png 0 Added
Calendar - No Month Option.Show Month selection type.chromium.png 0 Added
Calendar - No Month Option.Show Week selection type.chromium.png 0 Added
Calendar - No Month Option.Show Work Week selection type.chromium.png 0 Added
Calendar - No Month Option.Show Month as Overlay and no Go To Today.default.chromium.png 0 Removed
Calendar - No Month Option.Show Month selection type.default.chromium.png 0 Removed
Calendar - No Month Option.Show Week selection type.default.chromium.png 0 Removed
Calendar - No Month Option.Show Work Week selection type.default.chromium.png 0 Removed
Callout 44 screenshots
Image Name Diff(in Pixels) Image Type
Callout.Beak 25.chromium.png 0 Added
Callout.Bottom Left Edge RTL.chromium.png 0 Added
Callout.Bottom Right Edge RTL.chromium.png 0 Added
Callout.Bottom auto edge.chromium.png 0 Added
Callout.Bottom center.chromium.png 0 Added
Callout.Bottom left edge.chromium.png 0 Added
Callout.Bottom right edge.chromium.png 0 Added
Callout.Gap space 25.chromium.png 0 Added
Callout.Left bottom edge.chromium.png 0 Added
Callout.Left center.chromium.png 0 Added
Callout.Left top edge.chromium.png 0 Added
Callout.No beak.chromium.png 0 Added
Callout.No callout width specified.chromium.png 0 Added
Callout.Rendering callout attached to a rectangle.chromium.png 0 Added
Callout.Right bottom edge.chromium.png 0 Added
Callout.Right center.chromium.png 0 Added
Callout.Right top edge.chromium.png 0 Added
Callout.Root.chromium.png 0 Added
Callout.Top auto edge.chromium.png 0 Added
Callout.Top center.chromium.png 0 Added
Callout.Top left edge.chromium.png 0 Added
Callout.Top right edge.chromium.png 0 Added
Callout.Beak 25.default.chromium.png 0 Removed
Callout.Bottom auto edge.default.chromium.png 0 Removed
Callout.Bottom center.default.chromium.png 0 Removed
Callout.Bottom left edge - RTL.default.chromium.png 0 Removed
Callout.Bottom left edge.default.chromium.png 0 Removed
Callout.Bottom right edge - RTL.default.chromium.png 0 Removed
Callout.Bottom right edge.default.chromium.png 0 Removed
Callout.Gap space 25.default.chromium.png 0 Removed
Callout.Left bottom edge.default.chromium.png 0 Removed
Callout.Left center.default.chromium.png 0 Removed
Callout.Left top edge.default.chromium.png 0 Removed
Callout.No beak.default.chromium.png 0 Removed
Callout.No callout width specified.default.chromium.png 0 Removed
Callout.Rendering callout attached to a rectangle.default.chromium.png 0 Removed
Callout.Right bottom edge.default.chromium.png 0 Removed
Callout.Right center.default.chromium.png 0 Removed
Callout.Right top edge.default.chromium.png 0 Removed
Callout.Root.default.chromium.png 0 Removed
Callout.Top auto edge.default.chromium.png 0 Removed
Callout.Top center.default.chromium.png 0 Removed
Callout.Top left edge.default.chromium.png 0 Removed
Callout.Top right edge.default.chromium.png 0 Removed
Checkbox 26 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.Checked disabled.chromium.png 0 Added
Checkbox.Checked.chromium.png 0 Added
Checkbox.Controlled Indeterminate disabled.chromium.png 0 Added
Checkbox.Controlled Indeterminate.chromium.png 0 Added
Checkbox.Custom render Checkbox.chromium.png 0 Added
Checkbox.End RTL.chromium.png 0 Added
Checkbox.End.chromium.png 0 Added
Checkbox.Multi-line Checkbox.chromium.png 0 Added
Checkbox.Unchecked RTL.chromium.png 0 Added
Checkbox.Unchecked disabled.chromium.png 0 Added
Checkbox.Unchecked.chromium.png 0 Added
Checkbox.Uncontrolled Indeterminate disabled.chromium.png 0 Added
Checkbox.Uncontrolled Indeterminate.chromium.png 0 Added
Checkbox.Checked disabled.default.chromium.png 0 Removed
Checkbox.Checked.default.chromium.png 0 Removed
Checkbox.Controlled Indeterminate disabled.default.chromium.png 0 Removed
Checkbox.Controlled Indeterminate.default.chromium.png 0 Removed
Checkbox.Custom render Checkbox.default.chromium.png 0 Removed
Checkbox.End - RTL.default.chromium.png 0 Removed
Checkbox.End.default.chromium.png 0 Removed
Checkbox.Multi-line Checkbox.default.chromium.png 0 Removed
Checkbox.Unchecked - RTL.default.chromium.png 0 Removed
Checkbox.Unchecked disabled.default.chromium.png 0 Removed
Checkbox.Unchecked.default.chromium.png 0 Removed
Checkbox.Uncontrolled Indeterminate disabled.default.chromium.png 0 Removed
Checkbox.Uncontrolled Indeterminate.default.chromium.png 0 Removed
Checkbox Indeterminate 16 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.chromium.png 0 Added
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.default.chromium.png 0 Removed
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.hover.chromium.png 0 Removed
ChoiceGroup 30 screenshots
Image Name Diff(in Pixels) Image Type
ChoiceGroup.Required.chromium.png 0 Added
ChoiceGroup.Root.chromium.png 0 Added
ChoiceGroup.With Icons RTL.chromium.png 0 Added
ChoiceGroup.With default size images.chromium.png 0 Added
ChoiceGroup.With icons.chromium.png 0 Added
ChoiceGroup.With large size images.chromium.png 0 Added
ChoiceGroup.Required.default.chromium.png 0 Removed
ChoiceGroup.Required.hover selected.chromium.png 0 Removed
ChoiceGroup.Required.hover unselected.chromium.png 0 Removed
ChoiceGroup.Required.selected.chromium.png 0 Removed
ChoiceGroup.Root.default.chromium.png 0 Removed
ChoiceGroup.Root.hover selected.chromium.png 0 Removed
ChoiceGroup.Root.hover unselected.chromium.png 0 Removed
ChoiceGroup.Root.selected.chromium.png 0 Removed
ChoiceGroup.With default size images.default.chromium.png 0 Removed
ChoiceGroup.With default size images.hover selected.chromium.png 0 Removed
ChoiceGroup.With default size images.hover unselected.chromium.png 0 Removed
ChoiceGroup.With default size images.selected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.default.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.hover selected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.hover unselected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.selected.chromium.png 0 Removed
ChoiceGroup.With icons.default.chromium.png 0 Removed
ChoiceGroup.With icons.hover selected.chromium.png 0 Removed
ChoiceGroup.With icons.hover unselected.chromium.png 0 Removed
ChoiceGroup.With icons.selected.chromium.png 0 Removed
ChoiceGroup.With large size images.default.chromium.png 0 Removed
ChoiceGroup.With large size images.hover selected.chromium.png 0 Removed
ChoiceGroup.With large size images.hover unselected.chromium.png 0 Removed
ChoiceGroup.With large size images.selected.chromium.png 0 Removed
Coachmark 4 screenshots
Image Name Diff(in Pixels) Image Type
Coachmark.Collapsed.chromium.png 0 Added
Coachmark.Rendering Coachmark attached to a rectangle.chromium.png 0 Added
Coachmark.Collapsed.default.chromium.png 0 Removed
Coachmark.Rendering Coachmark attached to a rectangle.default.chromium.png 0 Removed
ColorPicker 6 screenshots
Image Name Diff(in Pixels) Image Type
ColorPicker.Blue.chromium.png 0 Added
ColorPicker.Root RTL.chromium.png 0 Added
ColorPicker.Root.chromium.png 0 Added
ColorPicker.Blue.default.chromium.png 0 Removed
ColorPicker.Root - RTL.default.chromium.png 0 Removed
ColorPicker.Root.default.chromium.png 0 Removed
ComboBox 24 screenshots
Image Name Diff(in Pixels) Image Type
ComboBox.Disabled.chromium.png 0 Added
ComboBox.Error.chromium.png 0 Added
ComboBox.Placeholder.chromium.png 0 Added
ComboBox.Root RTL.chromium.png 0 Added
ComboBox.Root.chromium.png 0 Added
ComboBox.Styled.chromium.png 0 Added
ComboBox.Disabled.click.chromium.png 0 Removed
ComboBox.Disabled.default.chromium.png 0 Removed
ComboBox.Disabled.hover.chromium.png 0 Removed
ComboBox.Error.click.chromium.png 0 Removed
ComboBox.Error.default.chromium.png 0 Removed
ComboBox.Error.hover.chromium.png 0 Removed
ComboBox.Placeholder.click.chromium.png 0 Removed
ComboBox.Placeholder.default.chromium.png 0 Removed
ComboBox.Placeholder.hover.chromium.png 0 Removed
ComboBox.Root - RTL.click.chromium.png 0 Removed
ComboBox.Root - RTL.default.chromium.png 0 Removed
ComboBox.Root - RTL.hover.chromium.png 0 Removed
ComboBox.Root.click.chromium.png 0 Removed
ComboBox.Root.default.chromium.png 0 Removed
ComboBox.Root.hover.chromium.png 0 Removed
ComboBox.Styled.click.chromium.png 0 Removed
ComboBox.Styled.default.chromium.png 0 Removed
ComboBox.Styled.hover.chromium.png 0 Removed
CommandBar 16 screenshots
Image Name Diff(in Pixels) Image Type
CommandBar.Icons only.chromium.png 0 Added
CommandBar.Root RTL.chromium.png 0 Added
CommandBar.Root.chromium.png 0 Added
CommandBar.Text only.chromium.png 0 Added
CommandBar.Icons only.click.chromium.png 0 Removed
CommandBar.Icons only.default.chromium.png 0 Removed
CommandBar.Icons only.hover.chromium.png 0 Removed
CommandBar.Root - RTL.click.chromium.png 0 Removed
CommandBar.Root - RTL.default.chromium.png 0 Removed
CommandBar.Root - RTL.hover.chromium.png 0 Removed
CommandBar.Root.click.chromium.png 0 Removed
CommandBar.Root.default.chromium.png 0 Removed
CommandBar.Root.hover.chromium.png 0 Removed
CommandBar.Text only.click.chromium.png 0 Removed
CommandBar.Text only.default.chromium.png 0 Removed
CommandBar.Text only.hover.chromium.png 0 Removed
ContextualMenu 36 screenshots
Image Name Diff(in Pixels) Image Type
ContextualMenu.Root.chromium.png 0 Added
ContextualMenu.With Secondary Text RTL.chromium.png 0 Added
ContextualMenu.With Submenu RTL.chromium.png 0 Added
ContextualMenu.With headers.chromium.png 0 Added
ContextualMenu.With icons.chromium.png 0 Added
ContextualMenu.With secondaryText.chromium.png 0 Added
ContextualMenu.With split button submenu.chromium.png 0 Added
ContextualMenu.With submenu.chromium.png 0 Added
ContextualMenu.Root.click.chromium.png 0 Removed
ContextualMenu.Root.default.chromium.png 0 Removed
ContextualMenu.Root.hover.chromium.png 0 Removed
ContextualMenu.With headers.click.chromium.png 0 Removed
ContextualMenu.With headers.default.chromium.png 0 Removed
ContextualMenu.With headers.hover.chromium.png 0 Removed
ContextualMenu.With icons.click.chromium.png 0 Removed
ContextualMenu.With icons.default.chromium.png 0 Removed
ContextualMenu.With icons.hover.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.click.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.default.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.hover.chromium.png 0 Removed
ContextualMenu.With secondaryText.click.chromium.png 0 Removed
ContextualMenu.With secondaryText.default.chromium.png 0 Removed
ContextualMenu.With secondaryText.hover.chromium.png 0 Removed
ContextualMenu.With split button submenu.click.chromium.png 0 Removed
ContextualMenu.With split button submenu.default.chromium.png 0 Removed
ContextualMenu.With split button submenu.hover.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.click.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.default.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.hover.chromium.png 0 Removed
ContextualMenu.With submenu.click.chromium.png 0 Removed
ContextualMenu.With submenu.default.chromium.png 0 Removed
ContextualMenu.With submenu.hover.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.item1 hovered.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.item2 hovered.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.menu opened.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.parent hovered.chromium.png 0 Removed
DatePicker 42 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker.Allow text input.chromium.png 0 Added
DatePicker.Placeholder.chromium.png 0 Added
DatePicker.Required.chromium.png 0 Added
DatePicker.Root RTL.chromium.png 0 Added
DatePicker.Root.chromium.png 0 Added
DatePicker.Underlined and Required.chromium.png 0 Added
DatePicker.Underlined.chromium.png 0 Added
DatePicker.Allow text input.click.chromium.png 0 Removed
DatePicker.Allow text input.default.chromium.png 0 Removed
DatePicker.Allow text input.hover datepicker.chromium.png 0 Removed
DatePicker.Allow text input.hover day.chromium.png 0 Removed
DatePicker.Allow text input.hover month.chromium.png 0 Removed
DatePicker.Placeholder.click.chromium.png 0 Removed
DatePicker.Placeholder.default.chromium.png 0 Removed
DatePicker.Placeholder.hover datepicker.chromium.png 0 Removed
DatePicker.Placeholder.hover day.chromium.png 0 Removed
DatePicker.Placeholder.hover month.chromium.png 0 Removed
DatePicker.Required.click.chromium.png 0 Removed
DatePicker.Required.default.chromium.png 0 Removed
DatePicker.Required.hover datepicker.chromium.png 0 Removed
DatePicker.Required.hover day.chromium.png 0 Removed
DatePicker.Required.hover month.chromium.png 0 Removed
DatePicker.Root - RTL.click.chromium.png 0 Removed
DatePicker.Root - RTL.default.chromium.png 0 Removed
DatePicker.Root - RTL.hover datepicker.chromium.png 0 Removed
DatePicker.Root - RTL.hover day.chromium.png 0 Removed
DatePicker.Root - RTL.hover month.chromium.png 0 Removed
DatePicker.Root.click.chromium.png 0 Removed
DatePicker.Root.default.chromium.png 0 Removed
DatePicker.Root.hover datepicker.chromium.png 0 Removed
DatePicker.Root.hover day.chromium.png 0 Removed
DatePicker.Root.hover month.chromium.png 0 Removed
DatePicker.Underlined and Required.click.chromium.png 0 Removed
DatePicker.Underlined and Required.default.chromium.png 0 Removed
DatePicker.Underlined and Required.hover datepicker.chromium.png 0 Removed
DatePicker.Underlined and Required.hover day.chromium.png 0 Removed
DatePicker.Underlined and Required.hover month.chromium.png 0 Removed
DatePicker.Underlined.click.chromium.png 0 Removed
DatePicker.Underlined.default.chromium.png 0 Removed
DatePicker.Underlined.hover datepicker.chromium.png 0 Removed
DatePicker.Underlined.hover day.chromium.png 0 Removed
DatePicker.Underlined.hover month.chromium.png 0 Removed
DatePicker - Disabled 12 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker - Disabled.With Label.chromium.png 0 Added
DatePicker - Disabled.Without Label.chromium.png 0 Added
DatePicker - Disabled.Without Value.chromium.png 0 Added
DatePicker - Disabled.With Label.click.chromium.png 0 Removed
DatePicker - Disabled.With Label.default.chromium.png 0 Removed
DatePicker - Disabled.With Label.hover datepicker.chromium.png 0 Removed
DatePicker - Disabled.Without Label.click.chromium.png 0 Removed
DatePicker - Disabled.Without Label.default.chromium.png 0 Removed
DatePicker - Disabled.Without Label.hover datepicker.chromium.png 0 Removed
DatePicker - Disabled.Without Value.click.chromium.png 0 Removed
DatePicker - Disabled.Without Value.default.chromium.png 0 Removed
DatePicker - Disabled.Without Value.hover datepicker.chromium.png 0 Removed
DatePicker - No Month Option 5 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.chromium.png 0 Added
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.click.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.default.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.hover datepicker.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.hover day.chromium.png 0 Removed
DetailsHeader 7 screenshots
Image Name Diff(in Pixels) Image Type
DetailsHeader.Root.chromium.png 0 Added
DetailsHeader.Root.borderWhileDragging.chromium.png 0 Removed
DetailsHeader.Root.default.chromium.png 0 Removed
DetailsHeader.Root.dropHint.chromium.png 0 Removed
DetailsHeader.Root.hoverDraggable.chromium.png 0 Removed
DetailsHeader.Root.hoverFrozenFirst.chromium.png 0 Removed
DetailsHeader.Root.hoverFrozenLast.chromium.png 0 Removed
DetailsList 28 screenshots
Image Name Diff(in Pixels) Image Type
DetailsList.Checkbox Visible Always RTL.chromium.png 0 Added
DetailsList.Checkbox Visible Always.chromium.png 0 Added
DetailsList.Compact.chromium.png 0 Added
DetailsList.Grouped with Checkbox Hidden.chromium.png 0 Added
DetailsList.Grouped.chromium.png 0 Added
DetailsList.Root.chromium.png 0 Added
DetailsList.Single Selection Mode.chromium.png 0 Added
DetailsList.Checkbox Visible Always - RTL.click.chromium.png 0 Removed
DetailsList.Checkbox Visible Always - RTL.default.chromium.png 0 Removed
DetailsList.Checkbox Visible Always - RTL.hover.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.click.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.default.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.hover.chromium.png 0 Removed
DetailsList.Compact.click.chromium.png 0 Removed
DetailsList.Compact.default.chromium.png 0 Removed
DetailsList.Compact.hover.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.click.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.default.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.hover.chromium.png 0 Removed
DetailsList.Grouped.click.chromium.png 0 Removed
DetailsList.Grouped.default.chromium.png 0 Removed
DetailsList.Grouped.hover.chromium.png 0 Removed
DetailsList.Root.click.chromium.png 0 Removed
DetailsList.Root.default.chromium.png 0 Removed
DetailsList.Root.hover.chromium.png 0 Removed
DetailsList.Single Selection Mode.click.chromium.png 0 Removed
DetailsList.Single Selection Mode.default.chromium.png 0 Removed
DetailsList.Single Selection Mode.hover.chromium.png 0 Removed
Dialog 10 screenshots
Image Name Diff(in Pixels) Image Type
Dialog.Blocking.chromium.png 0 Added
Dialog.Large header.chromium.png 0 Added
Dialog.Root RTL.chromium.png 0 Added
Dialog.Root.chromium.png 0 Added
Dialog.Wide Dialog.chromium.png 0 Added
Dialog.Blocking.default.chromium.png 0 Removed
Dialog.Large header.default.chromium.png 0 Removed
Dialog.Root - RTL.default.chromium.png 0 Removed
Dialog.Root.default.chromium.png 0 Removed
Dialog.Wide Dialog.default.chromium.png 0 Removed
DocumentCard 8 screenshots
Image Name Diff(in Pixels) Image Type
DocumentCard.Compact with preview image.chromium.png 0 Added
DocumentCard.Compact with preview list.chromium.png 0 Added
DocumentCard.Not truncated.chromium.png 0 Added
DocumentCard.With secondary title style.chromium.png 0 Added
DocumentCard.Compact with preview image.default.chromium.png 0 Removed
DocumentCard.Compact with preview list.default.chromium.png 0 Removed
DocumentCard.Not truncated.default.chromium.png 0 Removed
DocumentCard.With secondary title style.default.chromium.png 0 Removed
Dropdown 45 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown.Custom Dropdown RTL.chromium.png 0 Added
Dropdown.Custom Dropdown.chromium.png 0 Added
Dropdown.Disabled option selected.chromium.png 0 Added
Dropdown.Multiselect RTL.chromium.png 0 Added
Dropdown.Multiselect.chromium.png 0 Added
Dropdown.Required without label.chromium.png 0 Added
Dropdown.Required.chromium.png 0 Added
Dropdown.Root RTL.chromium.png 0 Added
Dropdown.Root.chromium.png 0 Added
Dropdown.Custom Dropdown - RTL.click.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.default.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.hover item.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.hover.chromium.png 0 Removed
Dropdown.Custom Dropdown.click.chromium.png 0 Removed
Dropdown.Custom Dropdown.default.chromium.png 0 Removed
Dropdown.Custom Dropdown.hover item.chromium.png 0 Removed
Dropdown.Custom Dropdown.hover.chromium.png 0 Removed
Dropdown.Disabled option selected.click.chromium.png 0 Removed
Dropdown.Disabled option selected.default.chromium.png 0 Removed
Dropdown.Disabled option selected.hover item.chromium.png 0 Removed
Dropdown.Disabled option selected.hover.chromium.png 0 Removed
Dropdown.Multiselect - RTL.click.chromium.png 0 Removed
Dropdown.Multiselect - RTL.default.chromium.png 0 Removed
Dropdown.Multiselect - RTL.hover item.chromium.png 0 Removed
Dropdown.Multiselect - RTL.hover.chromium.png 0 Removed
Dropdown.Multiselect.click.chromium.png 0 Removed
Dropdown.Multiselect.default.chromium.png 0 Removed
Dropdown.Multiselect.hover item.chromium.png 0 Removed
Dropdown.Multiselect.hover.chromium.png 0 Removed
Dropdown.Required without label.click.chromium.png 0 Removed
Dropdown.Required without label.default.chromium.png 0 Removed
Dropdown.Required without label.hover item.chromium.png 0 Removed
Dropdown.Required without label.hover.chromium.png 0 Removed
Dropdown.Required.click.chromium.png 0 Removed
Dropdown.Required.default.chromium.png 0 Removed
Dropdown.Required.hover item.chromium.png 0 Removed
Dropdown.Required.hover.chromium.png 0 Removed
Dropdown.Root - RTL.click.chromium.png 0 Removed
Dropdown.Root - RTL.default.chromium.png 0 Removed
Dropdown.Root - RTL.hover item.chromium.png 0 Removed
Dropdown.Root - RTL.hover.chromium.png 0 Removed
Dropdown.Root.click.chromium.png 0 Removed
Dropdown.Root.default.chromium.png 0 Removed
Dropdown.Root.hover item.chromium.png 0 Removed
Dropdown.Root.hover.chromium.png 0 Removed
Dropdown Disabled 4 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown Disabled.Root.chromium.png 0 Added
Dropdown Disabled.Root.click.chromium.png 0 Removed
Dropdown Disabled.Root.default.chromium.png 0 Removed
Dropdown Disabled.Root.hover.chromium.png 0 Removed
Facepile 12 screenshots
Image Name Diff(in Pixels) Image Type
Facepile.Add face.chromium.png 0 Added
Facepile.Custom button styles.chromium.png 0 Added
Facepile.Extra extra small.chromium.png 0 Added
Facepile.Overflow.chromium.png 0 Added
Facepile.Root RTL.chromium.png 0 Added
Facepile.Root.chromium.png 0 Added
Facepile.Add face.default.chromium.png 0 Removed
Facepile.Custom button styles.default.chromium.png 0 Removed
Facepile.Extra extra small.default.chromium.png 0 Removed
Facepile.Overflow.default.chromium.png 0 Removed
Facepile.Root - RTL.default.chromium.png 0 Removed
Facepile.Root.default.chromium.png 0 Removed
FocusTrapZones 9 screenshots
Image Name Diff(in Pixels) Image Type
FocusTrapZones.Dialog Nested In Panel RTL.chromium.png 0 Added
FocusTrapZones.Dialog nested in Panel.chromium.png 0 Added
FocusTrapZones.Panel on its own.chromium.png 0 Added
FocusTrapZones.Dialog nested in Panel - RTL.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel - RTL.default.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel.default.chromium.png 0 Removed
FocusTrapZones.Panel on its own.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Panel on its own.default.chromium.png 0 Removed
FolderCover 10 screenshots
Image Name Diff(in Pixels) Image Type
FolderCover.Large Default Cover.chromium.png 0 Added
FolderCover.Large Media Cover.chromium.png 0 Added
FolderCover.Shared Cover.chromium.png 0 Added
FolderCover.Small Default Cover.chromium.png 0 Added
FolderCover.Small Media Cover.chromium.png 0 Added
FolderCover.Large Default Cover.default.chromium.png 0 Removed
FolderCover.Large Media Cover.default.chromium.png 0 Removed
FolderCover.Shared Cover.default.chromium.png 0 Removed
FolderCover.Small Default Cover.default.chromium.png 0 Removed
FolderCover.Small Media Cover.default.chromium.png 0 Removed
Fonts 32 screenshots
Image Name Diff(in Pixels) Image Type
Fonts.Arabic.chromium.png 0 Added
Fonts.Armenian.chromium.png 0 Added
Fonts.Chinese (Simplified).chromium.png 0 Added
Fonts.Chinese (Traditional).chromium.png 0 Added
Fonts.Cyrillic.chromium.png 0 Added
Fonts.East European.chromium.png 0 Added
Fonts.Georgian.chromium.png 0 Added
Fonts.Greek.chromium.png 0 Added
Fonts.Hebrew.chromium.png 0 Added
Fonts.Hindi.chromium.png 0 Added
Fonts.Japanese.chromium.png 0 Added
Fonts.Korean.chromium.png 0 Added
Fonts.Thai.chromium.png 0 Added
Fonts.Vietnamese.chromium.png 0 Added
Fonts.Weights.chromium.png 0 Added
Fonts.West European.chromium.png 0 Added
Fonts.Arabic.default.chromium.png 0 Removed
Fonts.Armenian.default.chromium.png 0 Removed
Fonts.Chinese (Simplified).default.chromium.png 0 Removed
Fonts.Chinese (Traditional).default.chromium.png 0 Removed
Fonts.Cyrillic.default.chromium.png 0 Removed
Fonts.East European.default.chromium.png 0 Removed
Fonts.Georgian.default.chromium.png 0 Removed
Fonts.Greek.default.chromium.png 0 Removed
Fonts.Hebrew.default.chromium.png 0 Removed
Fonts.Hindi.default.chromium.png 0 Removed
Fonts.Japanese.default.chromium.png 0 Removed
Fonts.Korean.default.chromium.png 0 Removed
Fonts.Thai.default.chromium.png 0 Removed
Fonts.Vietnamese.default.chromium.png 0 Removed
Fonts.Weights.default.chromium.png 0 Removed
Fonts.West European.default.chromium.png 0 Removed
GroupedList 8 screenshots
Image Name Diff(in Pixels) Image Type
GroupedList.Root RTL.chromium.png 0 Added
GroupedList.Root.chromium.png 0 Added
GroupedList.Root - RTL.click.chromium.png 0 Removed
GroupedList.Root - RTL.default.chromium.png 0 Removed
GroupedList.Root - RTL.hover.chromium.png 0 Removed
GroupedList.Root.click.chromium.png 0 Removed
GroupedList.Root.default.chromium.png 0 Removed
GroupedList.Root.hover.chromium.png 0 Removed
HoverCard 6 screenshots
Image Name Diff(in Pixels) Image Type
HoverCard.Root RTL.chromium.png 0 Added
HoverCard.Root.chromium.png 0 Added
HoverCard.Root - RTL.default.chromium.png 0 Removed
HoverCard.Root - RTL.fully expanded with test content.chromium.png 0 Removed
HoverCard.Root.default.chromium.png 0 Removed
HoverCard.Root.fully expanded with test content.chromium.png 0 Removed
Icon 6 screenshots
Image Name Diff(in Pixels) Image Type
Icon.Color.chromium.png 0 Added
Icon.Image.chromium.png 0 Added
Icon.Root.chromium.png 0 Added
Icon.Color.default.chromium.png 0 Removed
Icon.Image.default.chromium.png 0 Removed
Icon.Root.default.chromium.png 0 Removed
IconButton Scenarios (compat) 6 screenshots
Image Name Diff(in Pixels) Image Type
IconButton Scenarios (compat).icon button with menu.chromium.png 0 Added
IconButton Scenarios (compat).normal icon button.chromium.png 0 Added
IconButton Scenarios (compat).icon button with menu.hover icon.chromium.png 0 Removed
IconButton Scenarios (compat).icon button with menu.icon.chromium.png 0 Removed
IconButton Scenarios (compat).normal icon button.hover icon.chromium.png 0 Removed
IconButton Scenarios (compat).normal icon button.icon.chromium.png 0 Removed
Image 42 screenshots
Image Name Diff(in Pixels) Image Type
Image.Fit- CenterContain, image larger.chromium.png 0 Added
Image.Fit- CenterContain, image smaller.chromium.png 0 Added
Image.Fit- CenterContain, image taller.chromium.png 0 Added
Image.Fit- CenterContain, image wider.chromium.png 0 Added
Image.Fit- center, image larger.chromium.png 0 Added
Image.Fit- center, image smaller.chromium.png 0 Added
Image.Fit- centerCover, image larger.chromium.png 0 Added
Image.Fit- centerCover, image smaller.chromium.png 0 Added
Image.Fit- centerCover, image taller.chromium.png 0 Added
Image.Fit- centerCover, image wider.chromium.png 0 Added
Image.Fit- contain, image taller.chromium.png 0 Added
Image.Fit- contain, image wider.chromium.png 0 Added
Image.Fit- cover, image taller.chromium.png 0 Added
Image.Fit- cover, image wider.chromium.png 0 Added
Image.Fit- none, image larger.chromium.png 0 Added
Image.Fit- none, image smaller.chromium.png 0 Added
Image.Maximize frame, landscape container.chromium.png 0 Added
Image.Maximize frame, portrait container.chromium.png 0 Added
Image.No fit, no w-h.chromium.png 0 Added
Image.No fit, only height.chromium.png 0 Added
Image.No fit, only width.chromium.png 0 Added
Image.Fit- CenterContain, image larger.default.chromium.png 0 Removed
Image.Fit- CenterContain, image smaller.default.chromium.png 0 Removed
Image.Fit- CenterContain, image taller.default.chromium.png 0 Removed
Image.Fit- CenterContain, image wider.default.chromium.png 0 Removed
Image.Fit- center, image larger.default.chromium.png 0 Removed
Image.Fit- center, image smaller.default.chromium.png 0 Removed
Image.Fit- centerCover, image larger.default.chromium.png 0 Removed
Image.Fit- centerCover, image smaller.default.chromium.png 0 Removed
Image.Fit- centerCover, image taller.default.chromium.png 0 Removed
Image.Fit- centerCover, image wider.default.chromium.png 0 Removed
Image.Fit- contain, image taller.default.chromium.png 0 Removed
Image.Fit- contain, image wider.default.chromium.png 0 Removed
Image.Fit- cover, image taller.default.chromium.png 0 Removed
Image.Fit- cover, image wider.default.chromium.png 0 Removed
Image.Fit- none, image larger.default.chromium.png 0 Removed
Image.Fit- none, image smaller.default.chromium.png 0 Removed
Image.Maximize frame, landscape container.default.chromium.png 0 Removed
Image.Maximize frame, portrait container.default.chromium.png 0 Removed
Image.No fit, no w-h.default.chromium.png 0 Removed
Image.No fit, only height.default.chromium.png 0 Removed
Image.No fit, only width.default.chromium.png 0 Removed
Keytip 6 screenshots
Image Name Diff(in Pixels) Image Type
Keytip.Disabled.chromium.png 0 Added
Keytip.Offset.chromium.png 0 Added
Keytip.Root.chromium.png 0 Added
Keytip.Disabled.default.chromium.png 0 Removed
Keytip.Offset.default.chromium.png 0 Removed
Keytip.Root.default.chromium.png 0 Removed
Label 8 screenshots
Image Name Diff(in Pixels) Image Type
Label.Disabled.chromium.png 0 Added
Label.Required.chromium.png 0 Added
Label.Root RTL.chromium.png 0 Added
Label.Root.chromium.png 0 Added
Label.Disabled.default.chromium.png 0 Removed
Label.Required.default.chromium.png 0 Removed
Label.Root - RTL.default.chromium.png 0 Removed
Label.Root.default.chromium.png 0 Removed
Layer 4 screenshots
Image Name Diff(in Pixels) Image Type
Layer.Root RTL.chromium.png 0 Added
Layer.Root.chromium.png 0 Added
Layer.Root - RTL.default.chromium.png 0 Removed
Layer.Root.default.chromium.png 0 Removed
Link 35 screenshots
Image Name Diff(in Pixels) Image Type
Link.Disabled.chromium.png 0 Added
Link.No Href Disabled.chromium.png 0 Added
Link.No Href.chromium.png 0 Added
Link.Root RTL.chromium.png 0 Added
Link.Root.chromium.png 0 Added
Link.Underlined Disabled.chromium.png 0 Added
Link.Underlined.chromium.png 0 Added
Link.Disabled.click.chromium.png 0 Removed
Link.Disabled.default.chromium.png 0 Removed
Link.Disabled.focus.chromium.png 0 Removed
Link.Disabled.hover.chromium.png 0 Removed
Link.No Href Disabled.click.chromium.png 0 Removed
Link.No Href Disabled.default.chromium.png 0 Removed
Link.No Href Disabled.focus.chromium.png 0 Removed
Link.No Href Disabled.hover.chromium.png 0 Removed
Link.No Href.click.chromium.png 0 Removed
Link.No Href.default.chromium.png 0 Removed
Link.No Href.focus.chromium.png 0 Removed
Link.No Href.hover.chromium.png 0 Removed
Link.Root - RTL.click.chromium.png 0 Removed
Link.Root - RTL.default.chromium.png 0 Removed
Link.Root - RTL.focus.chromium.png 0 Removed
Link.Root - RTL.hover.chromium.png 0 Removed
Link.Root.click.chromium.png 0 Removed
Link.Root.default.chromium.png 0 Removed
Link.Root.focus.chromium.png 0 Removed
Link.Root.hover.chromium.png 0 Removed
Link.Underlined Disabled.click.chromium.png 0 Removed
Link.Underlined Disabled.default.chromium.png 0 Removed
Link.Underlined Disabled.focus.chromium.png 0 Removed
Link.Underlined Disabled.hover.chromium.png 0 Removed
Link.Underlined.click.chromium.png 0 Removed
Link.Underlined.default.chromium.png 0 Removed
Link.Underlined.focus.chromium.png 0 Removed
Link.Underlined.hover.chromium.png 0 Removed
List 4 screenshots
Image Name Diff(in Pixels) Image Type
List.Root RTL.chromium.png 0 Added
List.Root.chromium.png 0 Added
List.Root - RTL.default.chromium.png 0 Removed
List.Root.default.chromium.png 0 Removed
MediaTile 12 screenshots
Image Name Diff(in Pixels) Image Type
MediaTile.Media tile with nameplate hidden until hover.chromium.png 0 Added
MediaTile.Media tile with single activity line.chromium.png 0 Added
MediaTile.Media tile with two activity lines.chromium.png 0 Added
MediaTile.Media tile with very long name and activity.chromium.png 0 Added
MediaTile.Media tile with nameplate hidden until hover.default.chromium.png 0 Removed
MediaTile.Media tile with nameplate hidden until hover.hover.chromium.png 0 Removed
MediaTile.Media tile with single activity line.default.chromium.png 0 Removed
MediaTile.Media tile with single activity line.hover.chromium.png 0 Removed
MediaTile.Media tile with two activity lines.default.chromium.png 0 Removed
MediaTile.Media tile with two activity lines.hover.chromium.png 0 Removed
MediaTile.Media tile with very long name and activity.default.chromium.png 0 Removed
MediaTile.Media tile with very long name and activity.hover.chromium.png 0 Removed
MessageBar 48 screenshots
Image Name Diff(in Pixels) Image Type
MessageBar.Blocked.chromium.png 0 Added
MessageBar.Error.chromium.png 0 Added
MessageBar.Root Actions RTL.chromium.png 0 Added
MessageBar.Root Actions Single Line RTL.chromium.png 0 Added
MessageBar.Root Dismiss And Action RTL.chromium.png 0 Added
MessageBar.Root Dismiss And Action Single Line RTL.chromium.png 0 Added
MessageBar.Root Dismiss RTL.chromium.png 0 Added
MessageBar.Root Multiline RTL.chromium.png 0 Added
MessageBar.Root Overflow RTL.chromium.png 0 Added
MessageBar.Root RTL.chromium.png 0 Added
MessageBar.Root Truncated RTL.chromium.png 0 Added
MessageBar.Root actions single line.chromium.png 0 Added
MessageBar.Root actions.chromium.png 0 Added
MessageBar.Root dismiss and action single line.chromium.png 0 Added
MessageBar.Root dismiss and action.chromium.png 0 Added
MessageBar.Root dismiss single line.chromium.png 0 Added
MessageBar.Root dismiss.chromium.png 0 Added
MessageBar.Root multiline.chromium.png 0 Added
MessageBar.Root overflow.chromium.png 0 Added
MessageBar.Root truncated.chromium.png 0 Added
MessageBar.Root.chromium.png 0 Added
MessageBar.Severe Warning.chromium.png 0 Added
MessageBar.Success.chromium.png 0 Added
MessageBar.Warning.chromium.png 0 Added
MessageBar.Blocked.default.chromium.png 0 Removed
MessageBar.Error.default.chromium.png 0 Removed
MessageBar.Root - RTL.default.chromium.png 0 Removed
MessageBar.Root actions - RTL.default.chromium.png 0 Removed
MessageBar.Root actions single line - RTL.default.chromium.png 0 Removed
MessageBar.Root actions single line.default.chromium.png 0 Removed
MessageBar.Root actions.default.chromium.png 0 Removed
MessageBar.Root dismiss - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action single line - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action single line.default.chromium.png 0 Removed
MessageBar.Root dismiss and action.default.chromium.png 0 Removed
MessageBar.Root dismiss single line.default.chromium.png 0 Removed
MessageBar.Root dismiss.default.chromium.png 0 Removed
MessageBar.Root multiline - RTL.default.chromium.png 0 Removed
MessageBar.Root multiline.default.chromium.png 0 Removed
MessageBar.Root overflow - RTL.default.chromium.png 0 Removed
MessageBar.Root overflow.default.chromium.png 0 Removed
MessageBar.Root truncated - RTL.default.chromium.png 0 Removed
MessageBar.Root truncated.default.chromium.png 0 Removed
MessageBar.Root.default.chromium.png 0 Removed
MessageBar.Severe Warning.default.chromium.png 0 Removed
MessageBar.Success.default.chromium.png 0 Removed
MessageBar.Warning.default.chromium.png 0 Removed
Modal 4 screenshots
Image Name Diff(in Pixels) Image Type
Modal.Modeless.chromium.png 0 Added
Modal.Root.chromium.png 0 Added
Modal.Modeless.default.chromium.png 0 Removed
Modal.Root.default.chromium.png 0 Removed
Nav 16 screenshots
Image Name Diff(in Pixels) Image Type
Nav.Disabled RTL.chromium.png 0 Added
Nav.Disabled.chromium.png 0 Added
Nav.Root RTL.chromium.png 0 Added
Nav.Root.chromium.png 0 Added
Nav.Disabled - RTL.click.chromium.png 0 Removed
Nav.Disabled - RTL.default.chromium.png 0 Removed
Nav.Disabled - RTL.hover.chromium.png 0 Removed
Nav.Disabled.click.chromium.png 0 Removed
Nav.Disabled.default.chromium.png 0 Removed
Nav.Disabled.hover.chromium.png 0 Removed
Nav.Root - RTL.click.chromium.png 0 Removed
Nav.Root - RTL.default.chromium.png 0 Removed
Nav.Root - RTL.hover.chromium.png 0 Removed
Nav.Root.click.chromium.png 0 Removed
Nav.Root.default.chromium.png 0 Removed
Nav.Root.hover.chromium.png 0 Removed
OverflowSet 6 screenshots
Image Name Diff(in Pixels) Image Type
OverflowSet.Root RTL.chromium.png 0 Added
OverflowSet.Root.chromium.png 0 Added
OverflowSet.Root - RTL.default.chromium.png 0 Removed
OverflowSet.Root - RTL.default.chromium_1.png 0 Removed
OverflowSet.Root.default.chromium.png 0 Removed
OverflowSet.Root.default.chromium_1.png 0 Removed
OverflowSet variant 2 screenshots
Image Name Diff(in Pixels) Image Type
OverflowSet variant.Vertical Direction.chromium.png 0 Added
OverflowSet variant.Vertical Direction.default.chromium.png 0 Removed
Overlay 6 screenshots
Image Name Diff(in Pixels) Image Type
Overlay.Dark.chromium.png 0 Added
Overlay.Root RTL.chromium.png 0 Added
Overlay.Root.chromium.png 0 Added
Overlay.Dark.default.chromium.png 0 Removed
Overlay.Root - RTL.default.chromium.png 0 Removed
Overlay.Root.default.chromium.png 0 Removed
Panel 38 screenshots
Image Name Diff(in Pixels) Image Type
Panel.Custom anchored left.chromium.png 0 Added
Panel.Custom.chromium.png 0 Added
Panel.Extra large right.chromium.png 0 Added
Panel.Large fixed right.chromium.png 0 Added
Panel.Large right.chromium.png 0 Added
Panel.Medium Right RTL.chromium.png 0 Added
Panel.Medium right.chromium.png 0 Added
Panel.Search Box And Right Panel RTL.chromium.png 0 Added
Panel.SearchBox and Right Panel.chromium.png 0 Added
Panel.Small Fixed Right W Close Button RTL.chromium.png 0 Added
Panel.Small Left W Close Button RTL.chromium.png 0 Added
Panel.Small fixed right w- close button.chromium.png 0 Added
Panel.Small fluid right.chromium.png 0 Added
Panel.Small left w- close button.chromium.png 0 Added
Panel.With custom navigation.chromium.png 0 Added
Panel.With footer at the bottom.chromium.png 0 Added
Panel.With no header, close button.chromium.png 0 Added
Panel.With no navigation.chromium.png 0 Added
Panel.Custom anchored left.default.chromium.png 0 Removed
Panel.Custom.default.chromium.png 0 Removed
Panel.Extra large right.default.chromium.png 0 Removed
Panel.Large fixed right.default.chromium.png 0 Removed
Panel.Large right.default.chromium.png 0 Removed
Panel.Medium right - RTL.default.chromium.png 0 Removed
Panel.Medium right.default.chromium.png 0 Removed
Panel.SearchBox and Right Panel - RTL.click.chromium.png 0 Removed
Panel.SearchBox and Right Panel - RTL.default.chromium.png 0 Removed
Panel.SearchBox and Right Panel.click.chromium.png 0 Removed
Panel.SearchBox and Right Panel.default.chromium.png 0 Removed
Panel.Small fixed right w- close button - RTL.default.chromium.png 0 Removed
Panel.Small fixed right w- close button.default.chromium.png 0 Removed
Panel.Small fluid right.default.chromium.png 0 Removed
Panel.Small left w- close button - RTL.default.chromium.png 0 Removed
Panel.Small left w- close button.default.chromium.png 0 Removed
Panel.With custom navigation.default.chromium.png 0 Removed
Panel.With footer at the bottom.default.chromium.png 0 Removed
Panel.With no header, close button.default.chromium.png 0 Removed
Panel.With no navigation.default.chromium.png 0 Removed
PeoplePicker 36 screenshots
Image Name Diff(in Pixels) Image Type
PeoplePicker.Compact Selected RTL.chromium.png 0 Added
PeoplePicker.Compact selected.chromium.png 0 Added
PeoplePicker.Compact.chromium.png 0 Added
PeoplePicker.List Selected RTL.chromium.png 0 Added
PeoplePicker.List selected.chromium.png 0 Added
PeoplePicker.List.chromium.png 0 Added
PeoplePicker.Normal Overflow Selected RTL.chromium.png 0 Added
PeoplePicker.Normal Overflow selected.chromium.png 0 Added
PeoplePicker.Normal Selected RTL.chromium.png 0 Added
PeoplePicker.Normal selected.chromium.png 0 Added
PeoplePicker.Normal with text.chromium.png 0 Added
PeoplePicker.Normal.chromium.png 0 Added
PeoplePicker.Compact selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Compact selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Compact selected.default.chromium.png 0 Removed
PeoplePicker.Compact selected.suggestions.chromium.png 0 Removed
PeoplePicker.Compact.default.chromium.png 0 Removed
PeoplePicker.Compact.suggestions.chromium.png 0 Removed
PeoplePicker.List selected - RTL.default.chromium.png 0 Removed
PeoplePicker.List selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.List selected.default.chromium.png 0 Removed
PeoplePicker.List selected.suggestions.chromium.png 0 Removed
PeoplePicker.List.default.chromium.png 0 Removed
PeoplePicker.List.suggestions.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected.default.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected.suggestions.chromium.png 0 Removed
PeoplePicker.Normal selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Normal selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Normal selected.default.chromium.png 0 Removed
PeoplePicker.Normal selected.suggestions.chromium.png 0 Removed
PeoplePicker.Normal with text.default.chromium.png 0 Removed
PeoplePicker.Normal with text.suggestion- a .chromium.png 0 Removed
PeoplePicker.Normal.default.chromium.png 0 Removed
PeoplePicker.Normal.suggestions.chromium.png 0 Removed
Persona 32 screenshots
Image Name Diff(in Pixels) Image Type
Persona.Initials RTL.chromium.png 0 Added
Persona.Initials.chromium.png 0 Added
Persona.Persona with children.chromium.png 0 Added
Persona.Size 100 Extra Large RTL.chromium.png 0 Added
Persona.Size 120 RTL.chromium.png 0 Added
Persona.default size, details hidden.chromium.png 0 Added
Persona.default size, presences.chromium.png 0 Added
Persona.size10 (tiny).chromium.png 0 Added
Persona.size100 (extraLarge).chromium.png 0 Added
Persona.size120.chromium.png 0 Added
Persona.size24 (extraExtraSmall).chromium.png 0 Added
Persona.size28 (extraSmall).chromium.png 0 Added
Persona.size32.chromium.png 0 Added
Persona.size40 (small).chromium.png 0 Added
Persona.size48 (regular).chromium.png 0 Added
Persona.size72 (large).chromium.png 0 Added
Persona.Initials - RTL.default.chromium.png 0 Removed
Persona.Initials.default.chromium.png 0 Removed
Persona.Persona with children.default.chromium.png 0 Removed
Persona.default size, details hidden.default.chromium.png 0 Removed
Persona.default size, presences.default.chromium.png 0 Removed
Persona.size10 (tiny).default.chromium.png 0 Removed
Persona.size100 (extraLarge) - RTL.default.chromium.png 0 Removed
Persona.size100 (extraLarge).default.chromium.png 0 Removed
Persona.size120 - RTL.default.chromium.png 0 Removed
Persona.size120.default.chromium.png 0 Removed
Persona.size24 (extraExtraSmall).default.chromium.png 0 Removed
Persona.size28 (extraSmall).default.chromium.png 0 Removed
Persona.size32.default.chromium.png 0 Removed
Persona.size40 (small).default.chromium.png 0 Removed
Persona.size48 (regular).default.chromium.png 0 Removed
Persona.size72 (large).default.chromium.png 0 Removed
Pivot 35 screenshots
Image Name Diff(in Pixels) Image Type
Pivot.Count And Icon RTL.chromium.png 0 Added
Pivot.Count and icon.chromium.png 0 Added
Pivot.Large.chromium.png 0 Added
Pivot.Root.chromium.png 0 Added
Pivot.Tabs RTL.chromium.png 0 Added
Pivot.Tabs large.chromium.png 0 Added
Pivot.Tabs.chromium.png 0 Added
Pivot.Count and icon - RTL.click.chromium.png 0 Removed
Pivot.Count and icon - RTL.default.chromium.png 0 Removed
Pivot.Count and icon - RTL.hover-selected.chromium.png 0 Removed
Pivot.Count and icon - RTL.hover.chromium.png 0 Removed
Pivot.Count and icon.click.chromium.png 0 Removed
Pivot.Count and icon.default.chromium.png 0 Removed
Pivot.Count and icon.hover-selected.chromium.png 0 Removed
Pivot.Count and icon.hover.chromium.png 0 Removed
Pivot.Large.click.chromium.png 0 Removed
Pivot.Large.default.chromium.png 0 Removed
Pivot.Large.hover-selected.chromium.png 0 Removed
Pivot.Large.hover.chromium.png 0 Removed
Pivot.Root.click.chromium.png 0 Removed
Pivot.Root.default.chromium.png 0 Removed
Pivot.Root.hover-selected.chromium.png 0 Removed
Pivot.Root.hover.chromium.png 0 Removed
Pivot.Tabs - RTL.click.chromium.png 0 Removed
Pivot.Tabs - RTL.default.chromium.png 0 Removed
Pivot.Tabs - RTL.hover-selected.chromium.png 0 Removed
Pivot.Tabs - RTL.hover.chromium.png 0 Removed
Pivot.Tabs large.click.chromium.png 0 Removed
Pivot.Tabs large.default.chromium.png 0 Removed
Pivot.Tabs large.hover-selected.chromium.png 0 Removed
Pivot.Tabs large.hover.chromium.png 0 Removed
Pivot.Tabs.click.chromium.png 0 Removed
Pivot.Tabs.default.chromium.png 0 Removed
Pivot.Tabs.hover-selected.chromium.png 0 Removed
Pivot.Tabs.hover.chromium.png 0 Removed
ProgressIndicator 8 screenshots
Image Name Diff(in Pixels) Image Type
ProgressIndicator.0%.chromium.png 0 Added
ProgressIndicator.100%.chromium.png 0 Added
ProgressIndicator.50 RTL.chromium.png 0 Added
ProgressIndicator.50%.chromium.png 0 Added
ProgressIndicator.0%.default.chromium.png 0 Removed
ProgressIndicator.100%.default.chromium.png 0 Removed
ProgressIndicator.50% - RTL.default.chromium.png 0 Removed
ProgressIndicator.50%.default.chromium.png 0 Removed
Rating 15 screenshots
Image Name Diff(in Pixels) Image Type
Rating.Disabled.chromium.png 0 Added
Rating.Large.chromium.png 0 Added
Rating.Rated RTL.chromium.png 0 Added
Rating.Rated.chromium.png 0 Added
Rating.Root.chromium.png 0 Added
Rating.Disabled.click.chromium.png 0 Removed
Rating.Disabled.default.chromium.png 0 Removed
Rating.Large.click.chromium.png 0 Removed
Rating.Large.default.chromium.png 0 Removed
Rating.Rated - RTL.click.chromium.png 0 Removed
Rating.Rated - RTL.default.chromium.png 0 Removed
Rating.Rated.click.chromium.png 0 Removed
Rating.Rated.default.chromium.png 0 Removed
Rating.Root.click.chromium.png 0 Removed
Rating.Root.default.chromium.png 0 Removed
ResizeGroup 6 screenshots
Image Name Diff(in Pixels) Image Type
ResizeGroup.Root RTL.chromium.png 0 Added
ResizeGroup.Root.chromium.png 0 Added
ResizeGroup.Root - RTL.click overflow.chromium.png 0 Removed
ResizeGroup.Root - RTL.default.chromium.png 0 Removed
ResizeGroup.Root.click overflow.chromium.png 0 Removed
ResizeGroup.Root.default.chromium.png 0 Removed
ScrollablePane 3 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane.Default ScrollablePane Example.chromium.png 0 Added
ScrollablePane.Default ScrollablePane Example.default.chromium.png 0 Removed
ScrollablePane.Default ScrollablePane Example.scrolled.chromium.png 0 Removed
ScrollablePane Details List 5 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.chromium.png 0 Added
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.default.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll down by a small amount so that the first row is still visible.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll down to the bottom.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll up to the top.chromium.png 0 Removed
ScrollablePane Grouped Details List 12 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.chromium.png 0 Added
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.If groups are expanded, on horizontal scroll, over scroll should not happen for content container.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.If groups are expanded, when header becomes sticky, horizontal scrollbar should be visible.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.On expanding a group, horizontal scrollbar should be visible.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling down to the bottom with non-zero scrollLeft.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling down to the bottom.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling up to the top with non-zero scrollLeft.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling up to the top.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility when header is sticky and scrollLeft is non-zero.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility when header is sticky.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibilty after scrolling left.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.default- scrollbars should be visible.chromium.png 0 Removed
SearchBox 18 screenshots
Image Name Diff(in Pixels) Image Type
SearchBox.Full RTL.chromium.png 0 Added
SearchBox.Full.chromium.png 0 Added
SearchBox.Root RTL.chromium.png 0 Added
SearchBox.Root.chromium.png 0 Added
SearchBox.Show Icon RTL.chromium.png 0 Added
SearchBox.ShowIcon.chromium.png 0 Added
SearchBox.Full - RTL.default.chromium.png 0 Removed
SearchBox.Full - RTL.default.chromium_1.png 0 Removed
SearchBox.Full.default.chromium.png 0 Removed
SearchBox.Full.default.chromium_1.png 0 Removed
SearchBox.Root - RTL.default.chromium.png 0 Removed
SearchBox.Root - RTL.default.chromium_1.png 0 Removed
SearchBox.Root.default.chromium.png 0 Removed
SearchBox.Root.default.chromium_1.png 0 Removed
SearchBox.ShowIcon - RTL.default.chromium.png 0 Removed
SearchBox.ShowIcon - RTL.default.chromium_1.png 0 Removed
SearchBox.ShowIcon.default.chromium.png 0 Removed
SearchBox.ShowIcon.default.chromium_1.png 0 Removed
Separator 24 screenshots
Image Name Diff(in Pixels) Image Type
Separator.Horizontal End Aligned RTL.chromium.png 0 Added
Separator.Horizontal End Aligned.chromium.png 0 Added
Separator.Horizontal Start Aligned RTL.chromium.png 0 Added
Separator.Horizontal Start Aligned.chromium.png 0 Added
Separator.Root RTL.chromium.png 0 Added
Separator.Root.chromium.png 0 Added
Separator.Vertical Center Aligned RTL.chromium.png 0 Added
Separator.Vertical Center Aligned.chromium.png 0 Added
Separator.Vertical End Aligned RTL.chromium.png 0 Added
Separator.Vertical End Aligned.chromium.png 0 Added
Separator.Vertical Start Aligned RTL.chromium.png 0 Added
Separator.Vertical Start Aligned.chromium.png 0 Added
Separator.Horizontal End Aligned - RTL.default.chromium.png 0 Removed
Separator.Horizontal End Aligned.default.chromium.png 0 Removed
Separator.Horizontal Start Aligned - RTL.default.chromium.png 0 Removed
Separator.Horizontal Start Aligned.default.chromium.png 0 Removed
Separator.Root - RTL.default.chromium.png 0 Removed
Separator.Root.default.chromium.png 0 Removed
Separator.Vertical Center Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical Center Aligned.default.chromium.png 0 Removed
Separator.Vertical End Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical End Aligned.default.chromium.png 0 Removed
Separator.Vertical Start Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical Start Aligned.default.chromium.png 0 Removed
Shimmer 16 screenshots
Image Name Diff(in Pixels) Image Type
Shimmer.50% width.chromium.png 0 Added
Shimmer.Basic.chromium.png 0 Added
Shimmer.Circle Gap Line RTL.chromium.png 0 Added
Shimmer.Circle Gap Line.chromium.png 0 Added
Shimmer.Custom elements on themed background.chromium.png 0 Added
Shimmer.Custom elements.chromium.png 0 Added
Shimmer.Data loaded.chromium.png 0 Added
Shimmer.Data not loaded.chromium.png 0 Added
Shimmer.50% width.default.chromium.png 0 Removed
Shimmer.Basic.default.chromium.png 0 Removed
Shimmer.Circle Gap Line - RTL.default.chromium.png 0 Removed
Shimmer.Circle Gap Line.default.chromium.png 0 Removed
Shimmer.Custom elements on themed background.default.chromium.png 0 Removed
Shimmer.Custom elements.default.chromium.png 0 Removed
Shimmer.Data loaded.default.chromium.png 0 Removed
Shimmer.Data not loaded.default.chromium.png 0 Removed
Signals 42 screenshots
Image Name Diff(in Pixels) Image Type
Signals.Awaiting approval.chromium.png 0 Added
Signals.Blocked.chromium.png 0 Added
Signals.Comments (count).chromium.png 0 Added
Signals.Comments.chromium.png 0 Added
Signals.Emailed.chromium.png 0 Added
Signals.Follow.chromium.png 0 Added
Signals.Malware detected.chromium.png 0 Added
Signals.Mention.chromium.png 0 Added
Signals.Missing metadata.chromium.png 0 Added
Signals.New (positioning).chromium.png 0 Added
Signals.New.chromium.png 0 Added
Signals.NotFollow.chromium.png 0 Added
Signals.Read-only.chromium.png 0 Added
Signals.Record.chromium.png 0 Added
Signals.Shared.chromium.png 0 Added
Signals.Someone checked out.chromium.png 0 Added
Signals.Trending.chromium.png 0 Added
Signals.Unseen edit.chromium.png 0 Added
Signals.Unseen reply.chromium.png 0 Added
Signals.Warning.chromium.png 0 Added
Signals.You checked out.chromium.png 0 Added
Signals.Awaiting approval.default.chromium.png 0 Removed
Signals.Blocked.default.chromium.png 0 Removed
Signals.Comments (count).default.chromium.png 0 Removed
Signals.Comments.default.chromium.png 0 Removed
Signals.Emailed.default.chromium.png 0 Removed
Signals.Follow.default.chromium.png 0 Removed
Signals.Malware detected.default.chromium.png 0 Removed
Signals.Mention.default.chromium.png 0 Removed
Signals.Missing metadata.default.chromium.png 0 Removed
Signals.New (positioning).default.chromium.png 0 Removed
Signals.New.default.chromium.png 0 Removed
Signals.NotFollow.default.chromium.png 0 Removed
Signals.Read-only.default.chromium.png 0 Removed
Signals.Record.default.chromium.png 0 Removed
Signals.Shared.default.chromium.png 0 Removed
Signals.Someone checked out.default.chromium.png 0 Removed
Signals.Trending.default.chromium.png 0 Removed
Signals.Unseen edit.default.chromium.png 0 Removed
Signals.Unseen reply.default.chromium.png 0 Removed
Signals.Warning.default.chromium.png 0 Removed
Signals.You checked out.default.chromium.png 0 Removed
Slider 21 screenshots
Image Name Diff(in Pixels) Image Type
Slider.Disabled.chromium.png 0 Added
Slider.EqualMinMax.chromium.png 0 Added
Slider.Max not multiple of step.chromium.png 0 Added
Slider.Root RTL.chromium.png 0 Added
Slider.Root.chromium.png 0 Added
Slider.Step less than 1.chromium.png 0 Added
Slider.Vertical.chromium.png 0 Added
Slider.Disabled.default.chromium.png 0 Removed
Slider.Disabled.hover.chromium.png 0 Removed
Slider.EqualMinMax.default.chromium.png 0 Removed
Slider.EqualMinMax.hover.chromium.png 0 Removed
Slider.Max not multiple of step.default.chromium.png 0 Removed
Slider.Max not multiple of step.hover.chromium.png 0 Removed
Slider.Root - RTL.default.chromium.png 0 Removed
Slider.Root - RTL.hover.chromium.png 0 Removed
Slider.Root.default.chromium.png 0 Removed
Slider.Root.hover.chromium.png 0 Removed
Slider.Step less than 1.default.chromium.png 0 Removed
Slider.Step less than 1.hover.chromium.png 0 Removed
Slider.Vertical.default.chromium.png 0 Removed
Slider.Vertical.hover.chromium.png 0 Removed
SpinButton 40 screenshots
Image Name Diff(in Pixels) Image Type
SpinButton.Disabled.chromium.png 0 Added
SpinButton.Label At End RTL.chromium.png 0 Added
SpinButton.Label At End With Icon RTL.chromium.png 0 Added
SpinButton.Label at end with icon.chromium.png 0 Added
SpinButton.Label at end.chromium.png 0 Added
SpinButton.Label on bottom with icon.chromium.png 0 Added
SpinButton.Label on bottom.chromium.png 0 Added
SpinButton.Label on top with icon.chromium.png 0 Added
SpinButton.Label on top.chromium.png 0 Added
SpinButton.Root.chromium.png 0 Added
SpinButton.With Icon RTL.chromium.png 0 Added
SpinButton.With icon.chromium.png 0 Added
SpinButton.Disabled.click input.chromium.png 0 Removed
SpinButton.Disabled.default.chromium.png 0 Removed
SpinButton.Disabled.hover arrow.chromium.png 0 Removed
SpinButton.Disabled.hover input.chromium.png 0 Removed
SpinButton.Disabled.mouseDown arrow.chromium.png 0 Removed
SpinButton.Label at end - RTL.default.chromium.png 0 Removed
SpinButton.Label at end with icon - RTL.default.chromium.png 0 Removed
SpinButton.Label at end with icon.default.chromium.png 0 Removed
SpinButton.Label at end.default.chromium.png 0 Removed
SpinButton.Label on bottom with icon.default.chromium.png 0 Removed
SpinButton.Label on bottom.default.chromium.png 0 Removed
SpinButton.Label on top with icon.default.chromium.png 0 Removed
SpinButton.Label on top.default.chromium.png 0 Removed
SpinButton.Root.click input.chromium.png 0 Removed
SpinButton.Root.default.chromium.png 0 Removed
SpinButton.Root.hover arrow.chromium.png 0 Removed
SpinButton.Root.hover input.chromium.png 0 Removed
SpinButton.Root.mouseDown arrow.chromium.png 0 Removed
SpinButton.With icon - RTL.click input.chromium.png 0 Removed
SpinButton.With icon - RTL.default.chromium.png 0 Removed
SpinButton.With icon - RTL.hover arrow.chromium.png 0 Removed
SpinButton.With icon - RTL.hover input.chromium.png 0 Removed
SpinButton.With icon - RTL.mouseDown arrow.chromium.png 0 Removed
SpinButton.With icon.click input.chromium.png 0 Removed
SpinButton.With icon.default.chromium.png 0 Removed
SpinButton.With icon.hover arrow.chromium.png 0 Removed
SpinButton.With icon.hover input.chromium.png 0 Removed
SpinButton.With icon.mouseDown arrow.chromium.png 0 Removed
Spinner 16 screenshots
Image Name Diff(in Pixels) Image Type
Spinner.Extra small.chromium.png 0 Added
Spinner.Label at top.chromium.png 0 Added
Spinner.Label on the left.chromium.png 0 Added
Spinner.Label on the right.chromium.png 0 Added
Spinner.Label.chromium.png 0 Added
Spinner.Large.chromium.png 0 Added
Spinner.Medium.chromium.png 0 Added
Spinner.Small.chromium.png 0 Added
Spinner.Extra small.default.chromium.png 0 Removed
Spinner.Label at top.default.chromium.png 0 Removed
Spinner.Label on the left.default.chromium.png 0 Removed
Spinner.Label on the right.default.chromium.png 0 Removed
Spinner.Label.default.chromium.png 0 Removed
Spinner.Large.default.chromium.png 0 Removed
Spinner.Medium.default.chromium.png 0 Removed
Spinner.Small.default.chromium.png 0 Removed
Stack 88 screenshots
Image Name Diff(in Pixels) Image Type
Stack.Horizontal Stack - Bottom-aligned.chromium.png 0 Added
Stack.Horizontal Stack - Box shadow around items.chromium.png 0 Added
Stack.Horizontal Stack - Default.chromium.png 0 Added
Stack.Horizontal Stack - Gap.chromium.png 0 Added
Stack.Horizontal Stack - Growing items.chromium.png 0 Added
Stack.Horizontal Stack - Horizontally centered.chromium.png 0 Added
Stack.Horizontal Stack - Item alignments.chromium.png 0 Added
Stack.Horizontal Stack - Padding.chromium.png 0 Added
Stack.Horizontal Stack - Reversed.chromium.png 0 Added
Stack.Horizontal Stack - Right-aligned.chromium.png 0 Added
Stack.Horizontal Stack - Shrinking items.chromium.png 0 Added
Stack.Horizontal Stack - Space around.chromium.png 0 Added
Stack.Horizontal Stack - Space between.chromium.png 0 Added
Stack.Horizontal Stack - Space evenly.chromium.png 0 Added
Stack.Horizontal Stack - Vertically centered.chromium.png 0 Added
Stack.Horizontal Stack - Wrap with specified vertical gap.chromium.png 0 Added
Stack.Horizontal Stack - Wrap.chromium.png 0 Added
Stack.Horizontal Stack Default RTL.chromium.png 0 Added
Stack.Horizontal Stack Gap RTL.chromium.png 0 Added
Stack.Horizontal Stack Item Alignments RTL.chromium.png 0 Added
Stack.Horizontal Stack Reversed RTL.chromium.png 0 Added
Stack.Horizontal Stack Right Aligned RTL.chromium.png 0 Added
Stack.Horizontal Stack Wrap RTL.chromium.png 0 Added
Stack.Vertical Stack - Bottom-aligned.chromium.png 0 Added
Stack.Vertical Stack - Box shadow around items.chromium.png 0 Added
Stack.Vertical Stack - Default.chromium.png 0 Added
Stack.Vertical Stack - Gap.chromium.png 0 Added
Stack.Vertical Stack - Growing items.chromium.png 0 Added
Stack.Vertical Stack - Horizontally centered.chromium.png 0 Added
Stack.Vertical Stack - Item alignments.chromium.png 0 Added
Stack.Vertical Stack - Padding.chromium.png 0 Added
Stack.Vertical Stack - Reversed.chromium.png 0 Added
Stack.Vertical Stack - Right-aligned.chromium.png 0 Added
Stack.Vertical Stack - Shrinking items.chromium.png 0 Added
Stack.Vertical Stack - Space around.chromium.png 0 Added
Stack.Vertical Stack - Space between.chromium.png 0 Added
Stack.Vertical Stack - Space evenly.chromium.png 0 Added
Stack.Vertical Stack - Vertically centered.chromium.png 0 Added
Stack.Vertical Stack - Wrap.chromium.png 0 Added
Stack.Vertical Stack Default RTL.chromium.png 0 Added
Stack.Vertical Stack Item Alignments RTL.chromium.png 0 Added
Stack.Vertical Stack Reversed RTL.chromium.png 0 Added
Stack.Vertical Stack Right Aligned RTL.chromium.png 0 Added
Stack.Vertical Stack Wrap RTL.chromium.png 0 Added
Stack.Horizontal Stack - Bottom-aligned.default.chromium.png 0 Removed
Stack.Horizontal Stack - Box shadow around items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Default - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Default.default.chromium.png 0 Removed
Stack.Horizontal Stack - Gap - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Gap.default.chromium.png 0 Removed
Stack.Horizontal Stack - Growing items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Horizontally centered.default.chromium.png 0 Removed
Stack.Horizontal Stack - Item alignments - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Item alignments.default.chromium.png 0 Removed
Stack.Horizontal Stack - Padding.default.chromium.png 0 Removed
Stack.Horizontal Stack - Reversed - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Reversed.default.chromium.png 0 Removed
Stack.Horizontal Stack - Right-aligned - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Right-aligned.default.chromium.png 0 Removed
Stack.Horizontal Stack - Shrinking items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space around.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space between.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space evenly.default.chromium.png 0 Removed
Stack.Horizontal Stack - Vertically centered.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap with specified vertical gap.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap.default.chromium.png 0 Removed
Stack.Vertical Stack - Bottom-aligned.default.chromium.png 0 Removed
Stack.Vertical Stack - Box shadow around items.default.chromium.png 0 Removed
Stack.Vertical Stack - Default - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Default.default.chromium.png 0 Removed
Stack.Vertical Stack - Gap.default.chromium.png 0 Removed
Stack.Vertical Stack - Growing items.default.chromium.png 0 Removed
Stack.Vertical Stack - Horizontally centered.default.chromium.png 0 Removed
Stack.Vertical Stack - Item alignments - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Item alignments.default.chromium.png 0 Removed
Stack.Vertical Stack - Padding.default.chromium.png 0 Removed
Stack.Vertical Stack - Reversed - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Reversed.default.chromium.png 0 Removed
Stack.Vertical Stack - Right-aligned - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Right-aligned.default.chromium.png 0 Removed
Stack.Vertical Stack - Shrinking items.default.chromium.png 0 Removed
Stack.Vertical Stack - Space around.default.chromium.png 0 Removed
Stack.Vertical Stack - Space between.default.chromium.png 0 Removed
Stack.Vertical Stack - Space evenly.default.chromium.png 0 Removed
Stack.Vertical Stack - Vertically centered.default.chromium.png 0 Removed
Stack.Vertical Stack - Wrap - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Wrap.default.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header 8 screenshots
Image Name Diff(in Pixels) Image Type
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.chromium.png 0 Added
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.default.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll back to the top when horizontal scroll is non-zero.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down by a small amount so that the first row is still visible and the header becomes sticky.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down to the bottom.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down when horizontal scroll is non-zero.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll right.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll up to the top.chromium.png 0 Removed
SwatchColorPicker 49 screenshots
Image Name Diff(in Pixels) Image Type
SwatchColorPicker.Circle RTL.chromium.png 0 Added
SwatchColorPicker.Circle over 24px size.chromium.png 0 Added
SwatchColorPicker.Circle.chromium.png 0 Added
SwatchColorPicker.Disabled.chromium.png 0 Added
SwatchColorPicker.Multiple rows.chromium.png 0 Added
SwatchColorPicker.Square over 24px size.chromium.png 0 Added
SwatchColorPicker.Square.chromium.png 0 Added
SwatchColorPicker.Circle - RTL.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.default.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.default.chromium.png 0 Removed
SwatchColorPicker.Circle.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle.default.chromium.png 0 Removed
SwatchColorPicker.Disabled.Focused.chromium.png 0 Removed
SwatchColorPicker.Disabled.Hovered.chromium.png 0 Removed
SwatchColorPicker.Disabled.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Disabled.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Disabled.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Disabled.default.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Focused.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Hovered.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.default.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Focused.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Hovered.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.default.chromium.png 0 Removed
SwatchColorPicker.Square.Focused.chromium.png 0 Removed
SwatchColorPicker.Square.Hovered.chromium.png 0 Removed
SwatchColorPicker.Square.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Square.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Square.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Square.default.chromium.png 0 Removed
TagItem 12 screenshots
Image Name Diff(in Pixels) Image Type
TagItem.Selected RTL.chromium.png 0 Added
TagItem.Selected.chromium.png 0 Added
TagItem.Selected - RTL.Tag Item Clear Button Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Clear Button Selected Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Select.chromium.png 0 Removed
TagItem.Selected - RTL.default.chromium.png 0 Removed
TagItem.Selected.Tag Item Clear Button Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Clear Button Selected Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Select.chromium.png 0 Removed
TagItem.Selected.default.chromium.png 0 Removed
TagPicker 14 screenshots
Image Name Diff(in Pixels) Image Type
TagPicker.Root.chromium.png 0 Added
TagPicker.Selected RTL.chromium.png 0 Added
TagPicker.Selected.chromium.png 0 Added
TagPicker.With long tag.chromium.png 0 Added
TagPicker.Root.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Root.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Root.default.chromium.png 0 Removed
TagPicker.Selected - RTL.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Selected - RTL.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Selected - RTL.default.chromium.png 0 Removed
TagPicker.Selected.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Selected.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Selected.default.chromium.png 0 Removed
TagPicker.With long tag.default.chromium.png 0 Removed
TeachingBubble 6 screenshots
Image Name Diff(in Pixels) Image Type
TeachingBubble.SmallHeadline.chromium.png 0 Added
TeachingBubble.Wide Illustration RTL.chromium.png 0 Added
TeachingBubble.WideIllustration.chromium.png 0 Added
TeachingBubble.SmallHeadline.default.chromium.png 0 Removed
TeachingBubble.WideIllustration - RTL.default.chromium.png 0 Removed
TeachingBubble.WideIllustration.default.chromium.png 0 Removed
Text 10 screenshots
Image Name Diff(in Pixels) Image Type
Text.Block.chromium.png 0 Added
Text.No wrap.chromium.png 0 Added
Text.Root RTL.chromium.png 0 Added
Text.Root.chromium.png 0 Added
Text.Wrap.chromium.png 0 Added
Text.Block.default.chromium.png 0 Removed
Text.No wrap.default.chromium.png 0 Removed
Text.Root - RTL.default.chromium.png 0 Removed
Text.Root.default.chromium.png 0 Removed
Text.Wrap.default.chromium.png 0 Removed
TextField 80 screenshots
Image Name Diff(in Pixels) Image Type
TextField.Borderless.chromium.png 0 Added
TextField.Disabled.chromium.png 0 Added
TextField.Error RTL.chromium.png 0 Added
TextField.Error.chromium.png 0 Added
TextField.Icon RTL.chromium.png 0 Added
TextField.Icon.chromium.png 0 Added
TextField.Multiline RTL.chromium.png 0 Added
TextField.Multiline nonresizable.chromium.png 0 Added
TextField.Multiline.chromium.png 0 Added
TextField.Placeholder RTL.chromium.png 0 Added
TextField.Placeholder.chromium.png 0 Added
TextField.Prefix With Value Disabled And Prefix Style Override RTL.chromium.png 0 Added
TextField.Prefix With Value Disabled RTL.chromium.png 0 Added
TextField.Prefix with Value, Disabled, and Prefix Style-Override.chromium.png 0 Added
TextField.Prefix with Value, Disabled.chromium.png 0 Added
TextField.Required.chromium.png 0 Added
TextField.Root.chromium.png 0 Added
TextField.Suffix RTL.chromium.png 0 Added
TextField.Suffix.chromium.png 0 Added
TextField.Underlined.chromium.png 0 Added
TextField.Borderless.click.chromium.png 0 Removed
TextField.Borderless.default.chromium.png 0 Removed
TextField.Borderless.hover.chromium.png 0 Removed
TextField.Disabled.click.chromium.png 0 Removed
TextField.Disabled.default.chromium.png 0 Removed
TextField.Disabled.hover.chromium.png 0 Removed
TextField.Error - RTL.click.chromium.png 0 Removed
TextField.Error - RTL.default.chromium.png 0 Removed
TextField.Error - RTL.hover.chromium.png 0 Removed
TextField.Error.click.chromium.png 0 Removed
TextField.Error.default.chromium.png 0 Removed
TextField.Error.hover.chromium.png 0 Removed
TextField.Icon - RTL.click.chromium.png 0 Removed
TextField.Icon - RTL.default.chromium.png 0 Removed
TextField.Icon - RTL.hover.chromium.png 0 Removed
TextField.Icon.click.chromium.png 0 Removed
TextField.Icon.default.chromium.png 0 Removed
TextField.Icon.hover.chromium.png 0 Removed
TextField.Multiline - RTL.click.chromium.png 0 Removed
TextField.Multiline - RTL.default.chromium.png 0 Removed
TextField.Multiline - RTL.hover.chromium.png 0 Removed
TextField.Multiline nonresizable.click.chromium.png 0 Removed
TextField.Multiline nonresizable.default.chromium.png 0 Removed
TextField.Multiline nonresizable.hover.chromium.png 0 Removed
TextField.Multiline.click.chromium.png 0 Removed
TextField.Multiline.default.chromium.png 0 Removed
TextField.Multiline.hover.chromium.png 0 Removed
TextField.Placeholder - RTL.click.chromium.png 0 Removed
TextField.Placeholder - RTL.default.chromium.png 0 Removed
TextField.Placeholder - RTL.hover.chromium.png 0 Removed
TextField.Placeholder.click.chromium.png 0 Removed
TextField.Placeholder.default.chromium.png 0 Removed
TextField.Placeholder.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.hover.chromium.png 0 Removed
TextField.Required.click.chromium.png 0 Removed
TextField.Required.default.chromium.png 0 Removed
TextField.Required.hover.chromium.png 0 Removed
TextField.Root.click.chromium.png 0 Removed
TextField.Root.default.chromium.png 0 Removed
TextField.Root.hover.chromium.png 0 Removed
TextField.Suffix - RTL.click.chromium.png 0 Removed
TextField.Suffix - RTL.default.chromium.png 0 Removed
TextField.Suffix - RTL.hover.chromium.png 0 Removed
TextField.Suffix.click.chromium.png 0 Removed
TextField.Suffix.default.chromium.png 0 Removed
TextField.Suffix.hover.chromium.png 0 Removed
TextField.Underlined.click.chromium.png 0 Removed
TextField.Underlined.default.chromium.png 0 Removed
TextField.Underlined.hover.chromium.png 0 Removed
ThemeProvider 8 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider.Customized styles.chromium.png 0 Added
ThemeProvider.Customized theme - nested ThemeProvider.chromium.png 0 Added
ThemeProvider.Customized theme.chromium.png 0 Added
ThemeProvider.Default theme.chromium.png 0 Added
ThemeProvider.Customized styles.default.chromium.png 0 Removed
ThemeProvider.Customized theme - nested ThemeProvider.default.chromium.png 0 Removed
ThemeProvider.Customized theme.default.chromium.png 0 Removed
ThemeProvider.Default theme.default.chromium.png 0 Removed
ThemeProvider with Customizer 4 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider with Customizer.Customizer wraps ThemeProvider.chromium.png 0 Added
ThemeProvider with Customizer.ThemeProvider wraps Customizer.chromium.png 0 Added
ThemeProvider with Customizer.Customizer wraps ThemeProvider.default.chromium.png 0 Removed
ThemeProvider with Customizer.ThemeProvider wraps Customizer.default.chromium.png 0 Removed
ThemeProvider with loadTheme 6 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.chromium.png 0 Added
ThemeProvider with loadTheme.Use updated global theme.chromium.png 0 Added
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.default.chromium.png 0 Removed
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.global theme changed.chromium.png 0 Removed
ThemeProvider with loadTheme.Use updated global theme.default.chromium.png 0 Removed
ThemeProvider with loadTheme.Use updated global theme.global theme changed.chromium.png 0 Removed
Tile 10 screenshots
Image Name Diff(in Pixels) Image Type
Tile.Document tile with fit landscape image.chromium.png 0 Added
Tile.Document tile with fit portrait image.chromium.png 0 Added
Tile.Document tile with icon-sized image.chromium.png 0 Added
Tile.Document tile with icon.chromium.png 0 Added
Tile.Tile with no content and long text.chromium.png 0 Added
Tile.Document tile with fit landscape image.default.chromium.png 0 Removed
Tile.Document tile with fit portrait image.default.chromium.png 0 Removed
Tile.Document tile with icon-sized image.default.chromium.png 0 Removed
Tile.Document tile with icon.default.chromium.png 0 Removed
Tile.Tile with no content and long text.default.chromium.png 0 Removed
TilesList 4 screenshots
Image Name Diff(in Pixels) Image Type
TilesList.Basic RTL.chromium.png 0 Added
TilesList.Basic.chromium.png 0 Added
TilesList.Basic - RTL.default.chromium.png 0 Removed
TilesList.Basic.default.chromium.png 0 Removed
Toggle 24 screenshots
Image Name Diff(in Pixels) Image Type
Toggle.Checked RTL.chromium.png 0 Added
Toggle.Checked.chromium.png 0 Added
Toggle.Disabled checked.chromium.png 0 Added
Toggle.Disabled unchecked.chromium.png 0 Added
Toggle.Unchecked RTL.chromium.png 0 Added
Toggle.Unchecked.chromium.png 0 Added
Toggle.With inline label (JSX Element) and without onText and offText.chromium.png 0 Added
Toggle.With inline label (JSX Element).chromium.png 0 Added
Toggle.With inline label and without onText and offText.chromium.png 0 Added
Toggle.With inline label disabled and without onText and offText.chromium.png 0 Added
Toggle.With inline label disabled.chromium.png 0 Added
Toggle.With inline label.chromium.png 0 Added
Toggle.Checked - RTL.default.chromium.png 0 Removed
Toggle.Checked.default.chromium.png 0 Removed
Toggle.Disabled checked.default.chromium.png 0 Removed
Toggle.Disabled unchecked.default.chromium.png 0 Removed
Toggle.Unchecked - RTL.default.chromium.png 0 Removed
Toggle.Unchecked.default.chromium.png 0 Removed
Toggle.With inline label (JSX Element) and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label (JSX Element).default.chromium.png 0 Removed
Toggle.With inline label and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label disabled and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label disabled.default.chromium.png 0 Removed
Toggle.With inline label.default.chromium.png 0 Removed
Tooltip 2 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip.Default.chromium.png 1613354 Changed
Tooltip.Default.default.chromium.png 0 Removed
Tooltip - Multiple 3 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip - Multiple.Two Tooltips.chromium.png 1612482 Changed
Tooltip - Multiple.Two Tooltips.hover inner.chromium.png 0 Removed
Tooltip - Multiple.Two Tooltips.hover outer.chromium.png 0 Removed
react-charting-AreaChart 22 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-AreaChart.Basic Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Basic RTL.chromium.png 0 Added
react-charting-AreaChart.Basic.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility RTL.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility.chromium.png 0 Added
react-charting-AreaChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Multiple RTL.chromium.png 0 Added
react-charting-AreaChart.Multiple.chromium.png 0 Added
react-charting-AreaChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-AreaChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Basic.default.chromium.png 0 Removed
react-charting-AreaChart.Basic.hover.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple - Dark Mode.hover.chromium.png 0 Removed
react-charting-AreaChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple.hover.chromium.png 0 Removed
react-charting-DonutChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-DonutChart.Basic Dark Mode.chromium.png 0 Added
react-charting-DonutChart.Basic RTL.chromium.png 0 Added
react-charting-DonutChart.Basic.chromium.png 0 Added
react-charting-DonutChart.Dynamic Dark Mode.chromium.png 0 Added
react-charting-DonutChart.Dynamic RTL.chromium.png 0 Added
react-charting-DonutChart.Dynamic.chromium.png 0 Added
react-charting-DonutChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-DonutChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-DonutChart.Basic.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic - Dark Mode.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic - RTL.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic.default.chromium.png 0 Removed
react-charting-GaugeChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-GaugeChart.Basic Dark Mode.chromium.png 0 Added
react-charting-GaugeChart.Basic RTL.chromium.png 0 Added
react-charting-GaugeChart.Basic.chromium.png 0 Added
react-charting-GaugeChart.Variant Dark Mode.chromium.png 0 Added
react-charting-GaugeChart.Variant RTL.chromium.png 0 Added
react-charting-GaugeChart.Variant.chromium.png 0 Added
react-charting-GaugeChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-GaugeChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-GaugeChart.Basic.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant - Dark Mode.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant - RTL.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant.default.chromium.png 0 Removed
react-charting-HeatMapChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-HeatMapChart.Basic Dark Mode.chromium.png 0 Added
react-charting-HeatMapChart.Basic RTL.chromium.png 0 Added
react-charting-HeatMapChart.Basic.chromium.png 0 Added
react-charting-HeatMapChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-HeatMapChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-HeatMapChart.Basic.default.chromium.png 0 Removed
react-charting-HorizontalBarChart 26 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-HorizontalBarChart.Basic Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant.chromium.png 0 Added
react-charting-HorizontalBarChart.With Axis Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.With Axis RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.With Benchmark Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.With Benchmark RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.With_Axis.chromium.png 0 Added
react-charting-HorizontalBarChart.With_Benchmark.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic.hover.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark.default.chromium.png 0 Removed
react-charting-Legend 15 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-Legend.Basic Dark Mode.chromium.png 0 Added
react-charting-Legend.Basic RTL.chromium.png 0 Added
react-charting-Legend.Basic.chromium.png 0 Added
react-charting-Legend.Overflow Dark Mode.chromium.png 0 Added
react-charting-Legend.Overflow RTL.chromium.png 0 Added
react-charting-Legend.Overflow.chromium.png 0 Added
react-charting-Legend.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-Legend.Basic - RTL.default.chromium.png 0 Removed
react-charting-Legend.Basic.default.chromium.png 0 Removed
react-charting-Legend.Overflow - Dark Mode.default.chromium.png 0 Removed
react-charting-Legend.Overflow - Dark Mode.expanded.chromium.png 0 Removed
react-charting-Legend.Overflow - RTL.default.chromium.png 0 Removed
react-charting-Legend.Overflow - RTL.expanded.chromium.png 0 Removed
react-charting-Legend.Overflow.default.chromium.png 0 Removed
react-charting-Legend.Overflow.expanded.chromium.png 0 Removed
react-charting-LineChart 26 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-LineChart.Basic Dark Mode.chromium.png 0 Added
react-charting-LineChart.Basic RTL.chromium.png 0 Added
react-charting-LineChart.Basic.chromium.png 0 Added
react-charting-LineChart.Events Dark Mode.chromium.png 0 Added
react-charting-LineChart.Events RTL.chromium.png 0 Added
react-charting-LineChart.Events.chromium.png 0 Added
react-charting-LineChart.Gaps Dark Mode.chromium.png 0 Added
react-charting-LineChart.Gaps RTL.chromium.png 0 Added
react-charting-LineChart.Gaps.chromium.png 0 Added
react-charting-LineChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-LineChart.Multiple RTL.chromium.png 0 Added
react-charting-LineChart.Multiple.chromium.png 0 Added
react-charting-LineChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-LineChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Basic.default.chromium.png 0 Removed
react-charting-LineChart.Basic.hover.chromium.png 0 Removed
react-charting-LineChart.Events - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Events - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Events.default.chromium.png 0 Removed
react-charting-LineChart.Gaps - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Gaps - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Gaps.default.chromium.png 0 Removed
react-charting-LineChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Multiple.default.chromium.png 0 Removed
react-charting-MultiStackBarChart 18 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-MultiStackBarChart.Basic Absolute Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Absolute RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Part To Whole Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Part To Whole RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_Absolute.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_PartToWhole.chromium.png 0 Added
react-charting-MultiStackBarChart.With Placeholders Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.With Placeholders RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.With_Placeholders.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_Absolute - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_Absolute - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_Absolute.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders.default.chromium.png 0 Removed
react-charting-PieChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-PieChart.Basic Dark Mode.chromium.png 0 Added
react-charting-PieChart.Basic RTL.chromium.png 0 Added
react-charting-PieChart.Basic.chromium.png 0 Added
react-charting-PieChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-PieChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-PieChart.Basic.default.chromium.png 0 Removed
react-charting-SankeyChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-SankeyChart.Basic Dark Mode.chromium.png 0 Added
react-charting-SankeyChart.Basic RTL.chromium.png 0 Added
react-charting-SankeyChart.Basic.chromium.png 0 Added
react-charting-SankeyChart.Place Holder Dark Mode.chromium.png 0 Added
react-charting-SankeyChart.Place Holder RTL.chromium.png 0 Added
react-charting-SankeyChart.PlaceHolder.chromium.png 0 Added
react-charting-SankeyChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-SankeyChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-SankeyChart.Basic.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder - Dark Mode.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder - RTL.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder.default.chromium.png 0 Removed
react-charting-SparkLineChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-SparkLineChart.Basic Dark Mode.chromium.png 0 Added
react-charting-SparkLineChart.Basic RTL.chromium.png 0 Added
react-charting-SparkLineChart.Basic.chromium.png 0 Added
react-charting-SparkLineChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-SparkLineChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-SparkLineChart.Basic.default.chromium.png 0 Removed
react-charting-StackedBarChart 18 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-StackedBarChart.Basic Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Basic RTL.chromium.png 0 Added
react-charting-StackedBarChart.Basic.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark RTL.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark.chromium.png 0 Added
react-charting-StackedBarChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Multiple RTL.chromium.png 0 Added
react-charting-StackedBarChart.Multiple.chromium.png 0 Added
react-charting-StackedBarChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Basic.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple.default.chromium.png 0 Removed
react-charting-TreeChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-TreeChart.Basic Dark Mode.chromium.png 0 Added
react-charting-TreeChart.Basic RTL.chromium.png 0 Added
react-charting-TreeChart.Basic.chromium.png 0 Added
react-charting-TreeChart.Compact Dark Mode.chromium.png 0 Added
react-charting-TreeChart.Compact RTL.chromium.png 0 Added
react-charting-TreeChart.Compact.chromium.png 0 Added
react-charting-TreeChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-TreeChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-TreeChart.Basic.default.chromium.png 0 Removed
react-charting-TreeChart.Compact - Dark Mode.default.chromium.png 0 Removed
react-charting-TreeChart.Compact - RTL.default.chromium.png 0 Removed
react-charting-TreeChart.Compact.default.chromium.png 0 Removed
react-charting-VerticalBarChart 42 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-VerticalBarChart.Basic - Secondary Y Axis.chromium.png 0 Added
react-charting-VerticalBarChart.Basic Secondary Y Axis Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Basic Secondary Y Axis RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis Vbc Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis Vbc RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis- VBC.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic - Wrap Labels.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic Wrap Labels Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic Wrap Labels RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped - Wrap Labels.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped Wrap Labels Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped Wrap Labels RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label Hide Legends Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label Hide Legends RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label- Hide Legends.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked - Date Axis.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Date Axis Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Date Axis RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked.chromium.png 0 Added
react-charting-VerticalBarChart.Basic - Secondary Y Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Basic - Secondary Y Axis - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Basic - Secondary Y Axis.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked.default.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the FluentUIV0 Visual Regression Report

Accordion 19 screenshots
Image Name Diff(in Pixels) Image Type
Accordion.AccordionDefaultBsize.chromium.png 0 Added
Accordion.AccordionDefaultExample.chromium.png 0 Added
Accordion.AccordionExample.chromium.png 0 Added
Accordion.AccordionExampleCustomTitle.chromium.png 0 Added
Accordion.AccordionExampleRtl.chromium.png 0 Added
Accordion.AccordionExclusiveExample.chromium.png 0 Added
Accordion.AccordionExclusiveExpandedExample.chromium.png 0 Added
Accordion.AccordionPanelCustomContentExample.chromium.png 0 Added
Accordion.AccordionPanelCustomTitleExample.chromium.png 0 Added
Accordion.Accordion Default Bsize.chromium.png 0 Removed
Accordion.Accordion Default Example.chromium.png 0 Removed
Accordion.Accordion Example Custom Title.Focuses the accordion title.chromium.png 0 Removed
Accordion.Accordion Example Custom Title.chromium.png 0 Removed
Accordion.Accordion Example Rtl.chromium.png 0 Removed
Accordion.Accordion Example.chromium.png 0 Removed
Accordion.Accordion Exclusive Example.chromium.png 0 Removed
Accordion.Accordion Exclusive Expanded Example.chromium.png 0 Removed
Accordion.Accordion Panel Custom Content Example.chromium.png 0 Removed
Accordion.Accordion Panel Custom Title Example.chromium.png 0 Removed
Alert 94 screenshots
Image Name Diff(in Pixels) Image Type
Alert.AlertDefaultBsize.chromium.png 0 Added
Alert.AlertExample.chromium.png 0 Added
Alert.AlertExampleChildrenRtl.chromium.png 0 Added
Alert.AlertExampleDanger.chromium.png 0 Added
Alert.AlertExampleDangerTeams.chromium.png 0 Added
Alert.AlertExampleDangerTeamsDark.chromium.png 0 Added
Alert.AlertExampleDangerTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleDismissAction.chromium.png 0 Added
Alert.AlertExampleDismissActionRtl.chromium.png 0 Added
Alert.AlertExampleDismissActions.chromium.png 0 Added
Alert.AlertExampleDismissible.chromium.png 0 Added
Alert.AlertExampleDismissibleTeams.chromium.png 0 Added
Alert.AlertExampleDismissibleTeamsDark.chromium.png 0 Added
Alert.AlertExampleDismissibleTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleFitted.chromium.png 0 Added
Alert.AlertExampleHeader.chromium.png 0 Added
Alert.AlertExampleIcon.chromium.png 0 Added
Alert.AlertExampleImportantMessage.chromium.png 0 Added
Alert.AlertExampleInfo.chromium.png 0 Added
Alert.AlertExampleInfoTeams.chromium.png 0 Added
Alert.AlertExampleInfoTeamsDark.chromium.png 0 Added
Alert.AlertExampleInfoTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleOof.chromium.png 0 Added
Alert.AlertExampleOofTeams.chromium.png 0 Added
Alert.AlertExampleOofTeamsDark.chromium.png 0 Added
Alert.AlertExampleOofTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleRtl.chromium.png 0 Added
Alert.AlertExampleShorthand.chromium.png 0 Added
Alert.AlertExampleSuccess.chromium.png 0 Added
Alert.AlertExampleUrgent.chromium.png 0 Added
Alert.AlertExampleUrgentTeams.chromium.png 0 Added
Alert.AlertExampleUrgentTeamsDark.chromium.png 0 Added
Alert.AlertExampleUrgentTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleWarning.chromium.png 0 Added
Alert.AlertExampleWidth.chromium.png 0 Added
Alert.Alert Default Bsize.chromium.png 0 Removed
Alert.Alert Example Children Rtl.chromium.png 0 Removed
Alert.Alert Example Danger Teams Dark.chromium.png 0 Removed
Alert.Alert Example Danger Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Danger Teams.chromium.png 0 Removed
Alert.Alert Example Danger.chromium.png 0 Removed
Alert.Alert Example Dismiss Action Rtl.chromium.png 0 Removed
Alert.Alert Example Dismiss Action.chromium.png 0 Removed
Alert.Alert Example Dismiss Actions.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams Dark.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams.chromium.png 0 Removed
Alert.Alert Example Dismissible.chromium.png 0 Removed
Alert.Alert Example Fitted.chromium.png 0 Removed
Alert.Alert Example Header.chromium.png 0 Removed
Alert.Alert Example Icon.chromium.png 0 Removed
Alert.Alert Example Important Message.chromium.png 0 Removed
Alert.Alert Example Info Teams Dark.chromium.png 0 Removed
Alert.Alert Example Info Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Info Teams.chromium.png 0 Removed
Alert.Alert Example Info.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.chromium.png 0 Removed
Alert.Alert Example Oof.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof.chromium.png 0 Removed
Alert.Alert Example Rtl.chromium.png 0 Removed
Alert.Alert Example Shorthand.chromium.png 0 Removed
Alert.Alert Example Success.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.chromium.png 0 Removed
Alert.Alert Example Urgent.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent.chromium.png 0 Removed
Alert.Alert Example Warning.chromium.png 0 Removed
Alert.Alert Example Width.chromium.png 0 Removed
Alert.Alert Example.chromium.png 0 Removed
Animation 16 screenshots
Image Name Diff(in Pixels) Image Type
Animation.AnimationExample.chromium.png 0 Added
Animation.AnimationExampleDelay.chromium.png 0 Added
Animation.AnimationExampleDirection.chromium.png 0 Added
Animation.AnimationExampleDuration.chromium.png 0 Added
Animation.AnimationExampleFillMode.chromium.png 0 Added
Animation.AnimationExampleIterationCount.chromium.png 0 Added
Animation.AnimationExampleTimingFunction.chromium.png 0 Added
Animation.AnimationExampleVisible.chromium.png 0 Added
Animation.Animation Example Delay.chromium.png 0 Removed
Animation.Animation Example Direction.chromium.png 0 Removed
Animation.Animation Example Duration.chromium.png 0 Removed
Animation.Animation Example Fill Mode.chromium.png 0 Removed
Animation.Animation Example Iteration Count.chromium.png 0 Removed
Animation.Animation Example Timing Function.chromium.png 0 Removed
Animation.Animation Example Visible.chromium.png 0 Removed
Animation.Animation Example.chromium.png 0 Removed
Attachment 62 screenshots
Image Name Diff(in Pixels) Image Type
Attachment.AttachmentActionExampleShorthand.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeams.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeamsDark.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeamsHighContrast.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthand.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeams.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeamsDark.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeamsHighContrast.chromium.png 0 Added
Attachment.AttachmentDefaultBsize.chromium.png 0 Added
Attachment.AttachmentDescriptionExampleShorthand.chromium.png 0 Added
Attachment.AttachmentExampleRtl.chromium.png 0 Added
Attachment.AttachmentExampleShorthand.chromium.png 0 Added
Attachment.AttachmentHeaderExampleShorthand.chromium.png 0 Added
Attachment.AttachmentIconExampleShorthand.chromium.png 0 Added
Attachment.AttachmentProgressExampleShorthand.chromium.png 0 Added
Attachment.Attachment Action Example Shorthand Teams Dark.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Default Bsize.chromium.png 0 Removed
Attachment.Attachment Description Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Example Rtl.chromium.png 0 Removed
Attachment.Attachment Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Header Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Icon Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Progress Example Shorthand.chromium.png 0 Removed
Avatar 30 screenshots
Image Name Diff(in Pixels) Image Type
Avatar.AvatarDefaultBsize.chromium.png 0 Added
Avatar.AvatarExampleExcludedInitialsShorthand.chromium.png 0 Added
Avatar.AvatarExampleGetInitialsShorthand.chromium.png 0 Added
Avatar.AvatarExampleIconShorthand.chromium.png 0 Added
Avatar.AvatarExampleImageShorthand.chromium.png 0 Added
Avatar.AvatarExampleLabelShorthand.chromium.png 0 Added
Avatar.AvatarExampleNameShorthand.chromium.png 0 Added
Avatar.AvatarExampleRtl.chromium.png 0 Added
Avatar.AvatarExampleShorthand.chromium.png 0 Added
Avatar.AvatarExampleSizeShorthand.chromium.png 0 Added
Avatar.AvatarExampleSquare.chromium.png 0 Added
Avatar.AvatarExampleStatusCustomizationShorthand.chromium.png 0 Added
Avatar.AvatarExampleStatusImageShorthand.chromium.png 0 Added
Avatar.AvatarExampleStatusShorthand.chromium.png 0 Added
Avatar.AvatarUsageExampleShorthand.chromium.png 0 Added
Avatar.Avatar Default Bsize.chromium.png 0 Removed
Avatar.Avatar Example Excluded Initials Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Get Initials Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Icon Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Image Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Label Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Name Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Rtl.chromium.png 0 Removed
Avatar.Avatar Example Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Size Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Square.chromium.png 0 Removed
Avatar.Avatar Example Status Customization Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Status Image Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Status Shorthand.chromium.png 0 Removed
Avatar.Avatar Usage Example Shorthand.chromium.png 0 Removed
Box 6 screenshots
Image Name Diff(in Pixels) Image Type
Box.BoxDefaultBsize.chromium.png 0 Added
Box.BoxExample.chromium.png 0 Added
Box.BoxShorthandExample.chromium.png 0 Added
Box.Box Default Bsize.chromium.png 0 Removed
Box.Box Example.chromium.png 0 Removed
Box.Box Shorthand Example.chromium.png 0 Removed
Breadcrumb 6 screenshots
Image Name Diff(in Pixels) Image Type
Breadcrumb.BreadcrumbExample.chromium.png 0 Added
Breadcrumb.BreadcrumbExampleIconDivider.chromium.png 0 Added
Breadcrumb.BreadcrumbExampleSizes.chromium.png 0 Added
Breadcrumb.Breadcrumb Example Icon Divider.chromium.png 0 Removed
Breadcrumb.Breadcrumb Example Sizes.chromium.png 0 Removed
Breadcrumb.Breadcrumb Example.chromium.png 0 Removed
Button 168 screenshots
Image Name Diff(in Pixels) Image Type
Button.ButtonDefaultBsize.chromium.png 0 Added
Button.ButtonExample.chromium.png 0 Added
Button.ButtonExampleCircular.chromium.png 0 Added
Button.ButtonExampleContentAndIcon.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeams.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeamsDark.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleDisabled.chromium.png 0 Added
Button.ButtonExampleDisabledFocusable.chromium.png 0 Added
Button.ButtonExampleDisabledTeams.chromium.png 0 Added
Button.ButtonExampleDisabledTeamsDark.chromium.png 0 Added
Button.ButtonExampleDisabledTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleEmphasis.chromium.png 0 Added
Button.ButtonExampleFlat.chromium.png 0 Added
Button.ButtonExampleFluid.chromium.png 0 Added
Button.ButtonExampleIconOnly.chromium.png 0 Added
Button.ButtonExampleInverted.chromium.png 0 Added
Button.ButtonExampleLoading.chromium.png 0 Added
Button.ButtonExampleOverflow.chromium.png 0 Added
Button.ButtonExampleRtl.chromium.png 0 Added
Button.ButtonExampleSizeShorthand.chromium.png 0 Added
Button.ButtonExampleTeams.chromium.png 0 Added
Button.ButtonExampleTeamsDark.chromium.png 0 Added
Button.ButtonExampleTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleText.chromium.png 0 Added
Button.ButtonExampleTextShorthand.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeams.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeamsDark.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleWithTooltip.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeams.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeamsDark.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeamsHighContrast.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthand.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeams.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeamsDark.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonGroupExampleShorthand.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeams.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeamsDark.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonUsageExampleShorthand.chromium.png 0 Added
Button.Button Default Bsize.chromium.png 0 Removed
Button.Button Example Circular.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.chromium.png 0 Removed
Button.Button Example Content And Icon.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon.chromium.png 0 Removed
Button.Button Example Disabled Focusable.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.chromium.png 0 Removed
Button.Button Example Disabled Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams.chromium.png 0 Removed
Button.Button Example Disabled.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled.chromium.png 0 Removed
Button.Button Example Emphasis.chromium.png 0 Removed
Button.Button Example Flat.chromium.png 0 Removed
Button.Button Example Fluid.chromium.png 0 Removed
Button.Button Example Icon Only.chromium.png 0 Removed
Button.Button Example Inverted.chromium.png 0 Removed
Button.Button Example Loading.chromium.png 0 Removed
Button.Button Example Overflow.chromium.png 0 Removed
Button.Button Example Rtl.chromium.png 0 Removed
Button.Button Example Size Shorthand.chromium.png 0 Removed
Button.Button Example Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams Dark.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.chromium.png 0 Removed
Button.Button Example Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.chromium.png 0 Removed
Button.Button Example Text Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand.chromium.png 0 Removed
Button.Button Example Text.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.chromium.png 0 Removed
Button.Button Example With Tooltip.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip.chromium.png 0 Removed
Button.Button Example.Clicks the first button.chromium.png 0 Removed
Button.Button Example.Focuses on the second button.chromium.png 0 Removed
Button.Button Example.Hovers the first button.chromium.png 0 Removed
Button.Button Example.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.chromium.png 0 Removed
Button.Button Group Example Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand.chromium.png 0 Removed
Button.Button Usage Example Shorthand.chromium.png 0 Removed
Card 52 screenshots
Image Name Diff(in Pixels) Image Type
Card.CardExampleBody.chromium.png 0 Added
Card.CardExampleCentered.chromium.png 0 Added
Card.CardExampleContextMenu.chromium.png 0 Added
Card.CardExampleDisabled.chromium.png 0 Added
Card.CardExampleElevated.chromium.png 0 Added
Card.CardExampleExpandable.chromium.png 0 Added
Card.CardExampleFocusable.chromium.png 0 Added
Card.CardExampleFocusableGrid.chromium.png 0 Added
Card.CardExampleFocusableTeams.chromium.png 0 Added
Card.CardExampleFocusableTeamsDark.chromium.png 0 Added
Card.CardExampleFocusableTeamsHighContrast.chromium.png 0 Added
Card.CardExampleFooter.chromium.png 0 Added
Card.CardExampleHeader.chromium.png 0 Added
Card.CardExampleHorizontal.chromium.png 0 Added
Card.CardExampleInverted.chromium.png 0 Added
Card.CardExamplePreview.chromium.png 0 Added
Card.CardExampleQuiet.chromium.png 0 Added
Card.CardExampleSelectableGrid.chromium.png 0 Added
Card.CardExampleSelected.chromium.png 0 Added
Card.CardExampleSimple.chromium.png 0 Added
Card.CardExampleSize.chromium.png 0 Added
Card.CardExampleWithPreview.chromium.png 0 Added
Card.CardExampleWithPreviewTeams.chromium.png 0 Added
Card.CardExampleWithPreviewTeamsDark.chromium.png 0 Added
Card.CardExampleWithPreviewTeamsHighContrast.chromium.png 0 Added
Card.ImageExampleFluent.chromium.png 0 Added
Card.Card Example Body.chromium.png 0 Removed
Card.Card Example Centered.chromium.png 0 Removed
Card.Card Example Context Menu.chromium.png 0 Removed
Card.Card Example Disabled.chromium.png 0 Removed
Card.Card Example Elevated.chromium.png 0 Removed
Card.Card Example Expandable.chromium.png 0 Removed
Card.Card Example Focusable Grid.chromium.png 0 Removed
Card.Card Example Focusable Teams Dark.chromium.png 0 Removed
Card.Card Example Focusable Teams High Contrast.chromium.png 0 Removed
Card.Card Example Focusable Teams.chromium.png 0 Removed
Card.Card Example Focusable.chromium.png 0 Removed
Card.Card Example Footer.chromium.png 0 Removed
Card.Card Example Header.chromium.png 0 Removed
Card.Card Example Horizontal.chromium.png 0 Removed
Card.Card Example Inverted.chromium.png 0 Removed
Card.Card Example Preview.chromium.png 0 Removed
Card.Card Example Quiet.chromium.png 0 Removed
Card.Card Example Selectable Grid.chromium.png 0 Removed
Card.Card Example Selected.chromium.png 0 Removed
Card.Card Example Simple.chromium.png 0 Removed
Card.Card Example Size.chromium.png 0 Removed
Card.Card Example With Preview Teams Dark.chromium.png 0 Removed
Card.Card Example With Preview Teams High Contrast.chromium.png 0 Removed
Card.Card Example With Preview Teams.chromium.png 0 Removed
Card.Card Example With Preview.chromium.png 0 Removed
Card.Image Example Fluent.chromium.png 0 Removed
Carousel 4 screenshots
Image Name Diff(in Pixels) Image Type
Carousel.CarouselExample.chromium.png 0 Added
Carousel.CarouselSlideAnimationExample.chromium.png 0 Added
Carousel.Carousel Example.chromium.png 0 Removed
Carousel.Carousel Slide Animation Example.chromium.png 0 Removed
Chat 58 screenshots
Image Name Diff(in Pixels) Image Type
Chat.ChatExample.chromium.png 0 Added
Chat.ChatExampleComfyRefresh.chromium.png 0 Added
Chat.ChatExampleCompact.chromium.png 0 Added
Chat.ChatExampleCompactTeams.chromium.png 0 Added
Chat.ChatExampleCompactTeamsDark.chromium.png 0 Added
Chat.ChatExampleCompactTeamsHighContrast.chromium.png 0 Added
Chat.ChatExampleContentPosition.chromium.png 0 Added
Chat.ChatExampleDetails.chromium.png 0 Added
Chat.ChatExampleDetailsTeams.chromium.png 0 Added
Chat.ChatExampleDetailsTeamsDark.chromium.png 0 Added
Chat.ChatExampleDetailsTeamsHighContrast.chromium.png 0 Added
Chat.ChatExampleHeader.chromium.png 0 Added
Chat.ChatExampleHeaderOverride.chromium.png 0 Added
Chat.ChatExampleInScrollableShorthand.chromium.png 0 Added
Chat.ChatExampleReactionGroup.chromium.png 0 Added
Chat.ChatExampleReadStatus.chromium.png 0 Added
Chat.ChatExampleRtl.chromium.png 0 Added
Chat.ChatExampleTeams.chromium.png 0 Added
Chat.ChatExampleTeamsDark.chromium.png 0 Added
Chat.ChatExampleTeamsHighContrast.chromium.png 0 Added
Chat.ChatMessageExampleBadge.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeams.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeamsDark.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeamsHighContrast.chromium.png 0 Added
Chat.ChatMessageExampleStyled.chromium.png 0 Added
Chat.MessageReactionsWithPopup.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeams.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeamsDark.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeamsHighContrast.chromium.png 0 Added
Chat.Chat Example Comfy Refresh.chromium.png 0 Removed
Chat.Chat Example Compact Teams Dark.chromium.png 0 Removed
Chat.Chat Example Compact Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Compact Teams.chromium.png 0 Removed
Chat.Chat Example Compact.chromium.png 0 Removed
Chat.Chat Example Content Position.chromium.png 0 Removed
Chat.Chat Example Details Teams Dark.chromium.png 0 Removed
Chat.Chat Example Details Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Details Teams.chromium.png 0 Removed
Chat.Chat Example Details.chromium.png 0 Removed
Chat.Chat Example Header Override.chromium.png 0 Removed
Chat.Chat Example Header.chromium.png 0 Removed
Chat.Chat Example In Scrollable Shorthand.chromium.png 0 Removed
Chat.Chat Example Reaction Group.chromium.png 0 Removed
Chat.Chat Example Read Status.chromium.png 0 Removed
Chat.Chat Example Rtl.chromium.png 0 Removed
Chat.Chat Example Teams Dark.chromium.png 0 Removed
Chat.Chat Example Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Teams.chromium.png 0 Removed
Chat.Chat Example.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams Dark.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams High Contrast.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams.chromium.png 0 Removed
Chat.Chat Message Example Badge.chromium.png 0 Removed
Chat.Chat Message Example Styled.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams Dark.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams High Contrast.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams.chromium.png 0 Removed
Chat.Message Reactions With Popup.chromium.png 0 Removed
Checkbox 26 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.CheckboxExample.chromium.png 0 Added
Checkbox.CheckboxExampleChecked.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixed.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeams.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeamsDark.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeamsHighContrast.chromium.png 0 Added
Checkbox.CheckboxExampleDisabled.chromium.png 0 Added
Checkbox.CheckboxExampleLabel.chromium.png 0 Added
Checkbox.CheckboxExampleLabelFlexColumn.chromium.png 0 Added
Checkbox.CheckboxExampleRtl.chromium.png 0 Added
Checkbox.CheckboxExampleToggle.chromium.png 0 Added
Checkbox.Checkbox Example Checked Mixed Teams Dark.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed Teams High Contrast.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed Teams.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed.chromium.png 0 Removed
Checkbox.Checkbox Example Checked.chromium.png 0 Removed
Checkbox.Checkbox Example Disabled.chromium.png 0 Removed
Checkbox.Checkbox Example Label Flex Column.chromium.png 0 Removed
Checkbox.Checkbox Example Label.chromium.png 0 Removed
Checkbox.Checkbox Example Rtl.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.Checks checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.Focuses checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.chromium.png 0 Removed
Checkbox.Checkbox Example.Checks checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example.Focuses checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example.chromium.png 0 Removed
Datepicker 222 screenshots
Image Name Diff(in Pixels) Image Type
Datepicker.DatepickerCellExample.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeams.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExample.chromium.png 0 Added
Datepicker.DatepickerExampleClearable.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeams.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleDisabled.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStrings.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeams.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDate.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeams.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleNoInput.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeams.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleOpen.chromium.png 0 Added
Datepicker.DatepickerExampleRequired.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeams.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDates.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeams.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleSelectedDate.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButton.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeams.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarInput.chromium.png 0 Added
Datepicker.DatepickerExampleToday.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeams.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleWeek.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeams.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerFirstWeekDayExample.chromium.png 0 Added
Datepicker.DatepickerFormatExample.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeams.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExample.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeams.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerHeaderExample.chromium.png 0 Added
Datepicker.DatepickerNoInputPlaceholderExample.chromium.png 0 Added
Datepicker.DatepickerParseExample.chromium.png 0 Added
Datepicker.Datepicker Cell Example Teams Dark.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.chromium.png 0 Removed
Datepicker.Datepicker Example Disabled.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams Dark.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams High Contrast.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.chromium.png 0 Removed
Datepicker.Datepicker Example No Input.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input.chromium.png 0 Removed
Datepicker.Datepicker Example Open.chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams Dark.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams High Contrast.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates.chromium.png 0 Removed
Datepicker.Datepicker Example Selected Date.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Input.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Week.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week.chromium.png 0 Removed
Datepicker.Datepicker Example.chromium.png 0 Removed
Datepicker.Datepicker First Week Day Example.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Format Example.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.chromium.png 0 Removed
Datepicker.Datepicker Header Example.chromium.png 0 Removed
Datepicker.Datepicker No Input Placeholder Example.chromium.png 0 Removed
Datepicker.Datepicker Parse Example.chromium.png 0 Removed
Dialog 65 screenshots
Image Name Diff(in Pixels) Image Type
Dialog.DialogExample.chromium.png 0 Added
Dialog.DialogExampleBackdrop.chromium.png 0 Added
Dialog.DialogExampleBackdropTeams.chromium.png 0 Added
Dialog.DialogExampleBackdropTeamsDark.chromium.png 0 Added
Dialog.DialogExampleBackdropTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleCallbacks.chromium.png 0 Added
Dialog.DialogExampleContent.chromium.png 0 Added
Dialog.DialogExampleContentTeams.chromium.png 0 Added
Dialog.DialogExampleContentTeamsDark.chromium.png 0 Added
Dialog.DialogExampleContentTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleFooter.chromium.png 0 Added
Dialog.DialogExampleFullWidth.chromium.png 0 Added
Dialog.DialogExampleHeaderAction.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeams.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeamsDark.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleRtl.chromium.png 0 Added
Dialog.DialogExampleScroll.chromium.png 0 Added
Dialog.DialogExampleScrollTeams.chromium.png 0 Added
Dialog.DialogExampleScrollTeamsDark.chromium.png 0 Added
Dialog.DialogExampleScrollTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleZoomContent.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeams.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeamsDark.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeamsHighContrast.chromium.png 0 Added
Dialog.Dialog Example Backdrop Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Backdrop Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Backdrop Teams.chromium.png 0 Removed
Dialog.Dialog Example Backdrop.chromium.png 0 Removed
Dialog.Dialog Example Callbacks.chromium.png 0 Removed
Dialog.Dialog Example Content Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Content Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Content Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams.chromium.png 0 Removed
Dialog.Dialog Example Content.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content.chromium.png 0 Removed
Dialog.Dialog Example Footer.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Footer.chromium.png 0 Removed
Dialog.Dialog Example Full Width.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Full Width.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams.chromium.png 0 Removed
Dialog.Dialog Example Header Action.chromium.png 0 Removed
Dialog.Dialog Example Rtl.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Rtl.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams.chromium.png 0 Removed
Dialog.Dialog Example Scroll.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content.chromium.png 0 Removed
Dialog.Dialog Example.chromium.png 0 Removed
Divider 68 screenshots
Image Name Diff(in Pixels) Image Type
Divider.DividerExampleColor.chromium.png 0 Added
Divider.DividerExampleColorTeams.chromium.png 0 Added
Divider.DividerExampleColorTeamsDark.chromium.png 0 Added
Divider.DividerExampleColorTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleContent.chromium.png 0 Added
Divider.DividerExampleContentTeams.chromium.png 0 Added
Divider.DividerExampleContentTeamsDark.chromium.png 0 Added
Divider.DividerExampleContentTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleFittedShorthand.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeams.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleImportant.chromium.png 0 Added
Divider.DividerExampleImportantShorthand.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeams.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleRtl.chromium.png 0 Added
Divider.DividerExampleRtlAndLtr.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeams.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeamsDark.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleRtlTeams.chromium.png 0 Added
Divider.DividerExampleRtlTeamsDark.chromium.png 0 Added
Divider.DividerExampleRtlTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleShorthand.chromium.png 0 Added
Divider.DividerExampleShorthandTeams.chromium.png 0 Added
Divider.DividerExampleShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleSize.chromium.png 0 Added
Divider.DividerExampleSizeTeams.chromium.png 0 Added
Divider.DividerExampleSizeTeamsDark.chromium.png 0 Added
Divider.DividerExampleSizeTeamsHighContrast.chromium.png 0 Added
Divider.DividerVerticalExampleShorthand.chromium.png 0 Added
Divider.Divider Example Color Teams Dark.chromium.png 0 Removed
Divider.Divider Example Color Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Color Teams.chromium.png 0 Removed
Divider.Divider Example Color.chromium.png 0 Removed
Divider.Divider Example Content Teams Dark.chromium.png 0 Removed
Divider.Divider Example Content Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Content Teams.chromium.png 0 Removed
Divider.Divider Example Content.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Important Shorthand.chromium.png 0 Removed
Divider.Divider Example Important.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams Dark.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr.chromium.png 0 Removed
Divider.Divider Example Rtl Teams Dark.chromium.png 0 Removed
Divider.Divider Example Rtl Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Rtl Teams.chromium.png 0 Removed
Divider.Divider Example Rtl.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Shorthand.chromium.png 0 Removed
Divider.Divider Example Size Teams Dark.chromium.png 0 Removed
Divider.Divider Example Size Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Size Teams.chromium.png 0 Removed
Divider.Divider Example Size.chromium.png 0 Removed
Divider.Divider Vertical Example Shorthand.chromium.png 0 Removed
Dropdown 98 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown.DropdownClearableExample.chromium.png 0 Added
Dropdown.DropdownCustomClearableExample.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeams.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeamsDark.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExample.chromium.png 0 Added
Dropdown.DropdownExampleDisabled.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeams.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleFreeform.chromium.png 0 Added
Dropdown.DropdownExampleHeaderMessage.chromium.png 0 Added
Dropdown.DropdownExampleInline.chromium.png 0 Added
Dropdown.DropdownExampleInverted.chromium.png 0 Added
Dropdown.DropdownExampleLoading.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeams.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleMultiple.chromium.png 0 Added
Dropdown.DropdownExamplePosition.chromium.png 0 Added
Dropdown.DropdownExampleRender.chromium.png 0 Added
Dropdown.DropdownExampleRtl.chromium.png 0 Added
Dropdown.DropdownExampleSearch.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultiple.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleFluid.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleFrenchLanguage.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleImageAndContent.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeams.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleTeams.chromium.png 0 Added
Dropdown.DropdownExampleTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleTeamsHighContrast.chromium.png 0 Added
Dropdown.Dropdown Clearable Example.Clears the value.chromium.png 0 Removed
Dropdown.Dropdown Clearable Example.Selects an item.chromium.png 0 Removed
Dropdown.Dropdown Clearable Example.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams Dark.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams High Contrast.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled.chromium.png 0 Removed
Dropdown.Dropdown Example Freeform.chromium.png 0 Removed
Dropdown.Dropdown Example Header Message.Shows header message.chromium.png 0 Removed
Dropdown.Dropdown Example Header Message.chromium.png 0 Removed
Dropdown.Dropdown Example Inline.chromium.png 0 Removed
Dropdown.Dropdown Example Inverted.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Loading.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.Opened dropdown with no items selected.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.Opened dropdown with two items selected.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.chromium.png 0 Removed
Dropdown.Dropdown Example Position.Opens a dropdown.chromium.png 0 Removed
Dropdown.Dropdown Example Position.chromium.png 0 Removed
Dropdown.Dropdown Example Render.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.RTL- Selects an item.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.RTL- Shows list.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Fluid.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple French Language.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Image And Content.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.chromium.png 0 Removed
Dropdown.Dropdown Example Search.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example.chromium.png 0 Removed
Embed 4 screenshots
Image Name Diff(in Pixels) Image Type
Embed.EmbedExampleVideo.chromium.png 0 Added
Embed.EmbedExampleYouTube.chromium.png 0 Added
Embed.Embed Example Video.chromium.png 0 Removed
Embed.Embed Example You Tube.chromium.png 0 Removed
Flex 12 screenshots
Image Name Diff(in Pixels) Image Type
Flex.FlexExampleColumns.chromium.png 0 Added
Flex.FlexExampleInput.chromium.png 0 Added
Flex.FlexExampleItemsAlignment.chromium.png 0 Added
Flex.FlexExampleMediaCard.chromium.png 0 Added
Flex.FlexExampleMixedAlignment.chromium.png 0 Added
Flex.FlexExampleNavMenu.chromium.png 0 Added
Flex.Flex Example Columns.chromium.png 0 Removed
Flex.Flex Example Input.chromium.png 0 Removed
Flex.Flex Example Items Alignment.chromium.png 0 Removed
Flex.Flex Example Media Card.chromium.png 0 Removed
Flex.Flex Example Mixed Alignment.chromium.png 0 Removed
Flex.Flex Example Nav Menu.chromium.png 0 Removed
Form 14 screenshots
Image Name Diff(in Pixels) Image Type
Form.FormExample.chromium.png 0 Added
Form.FormExampleCheckbox.chromium.png 0 Added
Form.FormExampleComponents.chromium.png 0 Added
Form.FormExampleDatepicker.chromium.png 0 Added
Form.FormExampleErrorAndSatisfactory.chromium.png 0 Added
Form.FormExampleRtl.chromium.png 0 Added
Form.FormExampleSlider.chromium.png 0 Added
Form.Form Example Checkbox.chromium.png 0 Removed
Form.Form Example Components.chromium.png 0 Removed
Form.Form Example Datepicker.chromium.png 0 Removed
Form.Form Example Error And Satisfactory.chromium.png 0 Removed
Form.Form Example Rtl.chromium.png 0 Removed
Form.Form Example Slider.chromium.png 0 Removed
Form.Form Example.chromium.png 0 Removed
Grid 2 screenshots
Image Name Diff(in Pixels) Image Type
Grid.GridExample.chromium.png 0 Added
Grid.Grid Example.chromium.png 0 Removed
Header 18 screenshots
Image Name Diff(in Pixels) Image Type
Header.HeaderExample.chromium.png 0 Added
Header.HeaderExampleAlign.chromium.png 0 Added
Header.HeaderExampleColor.chromium.png 0 Added
Header.HeaderExampleDescription.chromium.png 0 Added
Header.HeaderExampleDescriptionCustomization.chromium.png 0 Added
Header.HeaderExampleDescriptionCustomizationShorthand.chromium.png 0 Added
Header.HeaderExampleDescriptionShorthand.chromium.png 0 Added
Header.HeaderExampleRtl.chromium.png 0 Added
Header.HeadersExampleShorthand.chromium.png 0 Added
Header.Header Example Align.chromium.png 0 Removed
Header.Header Example Color.chromium.png 0 Removed
Header.Header Example Description Customization Shorthand.chromium.png 0 Removed
Header.Header Example Description Customization.chromium.png 0 Removed
Header.Header Example Description Shorthand.chromium.png 0 Removed
Header.Header Example Description.chromium.png 0 Removed
Header.Header Example Rtl.chromium.png 0 Removed
Header.Header Example.chromium.png 0 Removed
Header.Headers Example Shorthand.chromium.png 0 Removed
Image 10 screenshots
Image Name Diff(in Pixels) Image Type
Image.ImageExample.chromium.png 0 Added
Image.ImageExampleAvatar.chromium.png 0 Added
Image.ImageExampleCircular.chromium.png 0 Added
Image.ImageExampleFluent.chromium.png 0 Added
Image.ImageExampleRtl.chromium.png 0 Added
Image.Image Example Avatar.chromium.png 0 Removed
Image.Image Example Circular.chromium.png 0 Removed
Image.Image Example Fluent.chromium.png 0 Removed
Image.Image Example Rtl.chromium.png 0 Removed
Image.Image Example.chromium.png 0 Removed
Input 52 screenshots
Image Name Diff(in Pixels) Image Type
Input.InputExample.chromium.png 0 Added
Input.InputExampleClearable.chromium.png 0 Added
Input.InputExampleClearableTeams.chromium.png 0 Added
Input.InputExampleClearableTeamsDark.chromium.png 0 Added
Input.InputExampleClearableTeamsHighContrast.chromium.png 0 Added
Input.InputExampleDisabled.chromium.png 0 Added
Input.InputExampleFluid.chromium.png 0 Added
Input.InputExampleIcon.chromium.png 0 Added
Input.InputExampleIconClearableShorthand.chromium.png 0 Added
Input.InputExampleIconPosition.chromium.png 0 Added
Input.InputExampleInline.chromium.png 0 Added
Input.InputExampleInputSlot.chromium.png 0 Added
Input.InputExampleLabelShorthand.chromium.png 0 Added
Input.InputExampleLabelShorthandTeams.chromium.png 0 Added
Input.InputExampleLabelShorthandTeamsDark.chromium.png 0 Added
Input.InputExampleLabelShorthandTeamsHighContrast.chromium.png 0 Added
Input.InputExampleRtl.chromium.png 0 Added
Input.InputExampleTargeting.chromium.png 0 Added
Input.InputExampleTeams.chromium.png 0 Added
Input.InputExampleTeamsDark.chromium.png 0 Added
Input.InputExampleTeamsHighContrast.chromium.png 0 Added
Input.InputExampleWrapperSlot.chromium.png 0 Added
Input.Input Example Clearable Teams Dark.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams Dark.chromium.png 0 Removed
Input.Input Example Clearable Teams High Contrast.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams High Contrast.chromium.png 0 Removed
Input.Input Example Clearable Teams.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams.chromium.png 0 Removed
Input.Input Example Clearable.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable.chromium.png 0 Removed
Input.Input Example Disabled.chromium.png 0 Removed
Input.Input Example Fluid.chromium.png 0 Removed
Input.Input Example Icon Clearable Shorthand.chromium.png 0 Removed
Input.Input Example Icon Position.chromium.png 0 Removed
Input.Input Example Icon.chromium.png 0 Removed
Input.Input Example Inline.chromium.png 0 Removed
Input.Input Example Input Slot.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams Dark.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams Dark.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams High Contrast.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams High Contrast.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand.Input- Labels.chromium.png 0 Removed
Input.Input Example Rtl.chromium.png 0 Removed
Input.Input Example Targeting.chromium.png 0 Removed
Input.Input Example Teams Dark.chromium.png 0 Removed
Input.Input Example Teams High Contrast.chromium.png 0 Removed
Input.Input Example Teams.chromium.png 0 Removed
Input.Input Example Wrapper Slot.chromium.png 0 Removed
Input.Input Example.chromium.png 0 Removed
ItemLayout 20 screenshots
Image Name Diff(in Pixels) Image Type
ItemLayout.ItemLayoutExampleContent.chromium.png 0 Added
ItemLayout.ItemLayoutExampleContentMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleEndMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeader.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeaderContentShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeaderMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleRtlShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleSelectionShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleShorthand.chromium.png 0 Added
ItemLayout.Item Layout Example Content Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Content.chromium.png 0 Removed
ItemLayout.Item Layout Example End Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header Content Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header.chromium.png 0 Removed
ItemLayout.Item Layout Example Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Rtl Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Selection Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Shorthand.chromium.png 0 Removed
Label 18 screenshots
Image Name Diff(in Pixels) Image Type
Label.LabelExample.chromium.png 0 Added
Label.LabelExampleCircularShorthand.chromium.png 0 Added
Label.LabelExampleColor.chromium.png 0 Added
Label.LabelExampleContentCustomizationShorthand.chromium.png 0 Added
Label.LabelExampleIconPositionShorthand.chromium.png 0 Added
Label.LabelExampleIconShorthand.chromium.png 0 Added
Label.LabelExampleImageShorthand.chromium.png 0 Added
Label.LabelExampleRtl.chromium.png 0 Added
Label.LabelExampleShorthand.chromium.png 0 Added
Label.Label Example Circular Shorthand.chromium.png 0 Removed
Label.Label Example Color.chromium.png 0 Removed
Label.Label Example Content Customization Shorthand.chromium.png 0 Removed
Label.Label Example Icon Position Shorthand.chromium.png 0 Removed
Label.Label Example Icon Shorthand.chromium.png 0 Removed
Label.Label Example Image Shorthand.chromium.png 0 Removed
Label.Label Example Rtl.chromium.png 0 Removed
Label.Label Example Shorthand.chromium.png 0 Removed
Label.Label Example.chromium.png 0 Removed
Layout 10 screenshots
Image Name Diff(in Pixels) Image Type
Layout.LayoutExample.chromium.png 0 Added
Layout.LayoutExampleDisappearing.chromium.png 0 Added
Layout.LayoutExampleGap.chromium.png 0 Added
Layout.LayoutExampleReducing.chromium.png 0 Added
Layout.LayoutExampleVertical.chromium.png 0 Added
Layout.Layout Example Disappearing.chromium.png 0 Removed
Layout.Layout Example Gap.chromium.png 0 Removed
Layout.Layout Example Reducing.chromium.png 0 Removed
Layout.Layout Example Vertical.chromium.png 0 Removed
Layout.Layout Example.chromium.png 0 Removed
List 34 screenshots
Image Name Diff(in Pixels) Image Type
List.ListExample.chromium.png 0 Added
List.ListExampleMedia.chromium.png 0 Added
List.ListExampleMediaShorthand.chromium.png 0 Added
List.ListExampleNavigable.chromium.png 0 Added
List.ListExampleNavigableTeams.chromium.png 0 Added
List.ListExampleNavigableTeamsDark.chromium.png 0 Added
List.ListExampleNavigableTeamsHighContrast.chromium.png 0 Added
List.ListExampleRtl.chromium.png 0 Added
List.ListExampleSelectable.chromium.png 0 Added
List.ListExampleSelectableTeams.chromium.png 0 Added
List.ListExampleSelectableTeamsDark.chromium.png 0 Added
List.ListExampleSelectableTeamsHighContrast.chromium.png 0 Added
List.SelectableListControlledExample.chromium.png 0 Added
List.List Example Media Shorthand.chromium.png 0 Removed
List.List Example Media.chromium.png 0 Removed
List.List Example Navigable Teams Dark.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams Dark.chromium.png 0 Removed
List.List Example Navigable Teams High Contrast.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams High Contrast.chromium.png 0 Removed
List.List Example Navigable Teams.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams.chromium.png 0 Removed
List.List Example Navigable.Focuses item.chromium.png 0 Removed
List.List Example Navigable.chromium.png 0 Removed
List.List Example Rtl.chromium.png 0 Removed
List.List Example Selectable Teams Dark.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams Dark.chromium.png 0 Removed
List.List Example Selectable Teams High Contrast.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams High Contrast.chromium.png 0 Removed
List.List Example Selectable Teams.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams.chromium.png 0 Removed
List.List Example Selectable.Focuses item.chromium.png 0 Removed
List.List Example Selectable.chromium.png 0 Removed
List.List Example.chromium.png 0 Removed
List.Selectable List Controlled Example.chromium.png 0 Removed
Loader 14 screenshots
Image Name Diff(in Pixels) Image Type
Loader.LoaderExample.chromium.png 0 Added
Loader.LoaderExampleDelay.chromium.png 0 Added
Loader.LoaderExampleInline.chromium.png 0 Added
Loader.LoaderExampleLabel.chromium.png 0 Added
Loader.LoaderExampleRtl.chromium.png 0 Added
Loader.LoaderExampleSecondary.chromium.png 0 Added
Loader.LoaderExampleSize.chromium.png 0 Added
Loader.Loader Example Delay.chromium.png 0 Removed
Loader.Loader Example Inline.chromium.png 0 Removed
Loader.Loader Example Label.chromium.png 0 Removed
Loader.Loader Example Rtl.chromium.png 0 Removed
Loader.Loader Example Secondary.chromium.png 0 Removed
Loader.Loader Example Size.chromium.png 0 Removed
Loader.Loader Example.chromium.png 0 Removed
Menu 220 screenshots
Image Name Diff(in Pixels) Image Type
Menu.MenuControlledExampleDisabled.chromium.png 0 Added
Menu.MenuExample.chromium.png 0 Added
Menu.MenuExampleDividerHorizontal.chromium.png 0 Added
Menu.MenuExampleFluid.chromium.png 0 Added
Menu.MenuExampleIconOnly.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeams.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeamsDark.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleKind.chromium.png 0 Added
Menu.MenuExamplePointing.chromium.png 0 Added
Menu.MenuExamplePointingTeams.chromium.png 0 Added
Menu.MenuExamplePointingTeamsDark.chromium.png 0 Added
Menu.MenuExamplePointingTeamsHighContrast.chromium.png 0 Added
Menu.MenuExamplePositioningShorthand.chromium.png 0 Added
Menu.MenuExamplePositioningUpdateShorthand.chromium.png 0 Added
Menu.MenuExampleSlot.chromium.png 0 Added
Menu.MenuExampleTabShorthand.chromium.png 0 Added
Menu.MenuExampleTeams.chromium.png 0 Added
Menu.MenuExampleTeamsDark.chromium.png 0 Added
Menu.MenuExampleTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleToolbarShorthand.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeams.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeamsDark.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleUnderlined.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeams.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeamsDark.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleVertical.chromium.png 0 Added
Menu.MenuExampleVerticalPointing.chromium.png 0 Added
Menu.MenuExampleVerticalTeams.chromium.png 0 Added
Menu.MenuExampleVerticalTeamsDark.chromium.png 0 Added
Menu.MenuExampleVerticalTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleWithIcons.chromium.png 0 Added
Menu.MenuExampleWithSubMenu.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHover.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeams.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeamsDark.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleWithTooltip.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeams.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeamsDark.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeamsHighContrast.chromium.png 0 Added
Menu.MenuItemExampleDisabled.chromium.png 0 Added
Menu.MenuPlayground.chromium.png 0 Added
Menu.MenuWithSubmenuControlledExample.chromium.png 0 Added
Menu.Menu Controlled Example Disabled.chromium.png 0 Removed
Menu.Menu Example Divider Horizontal.chromium.png 0 Removed
Menu.Menu Example Fluid.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.chromium.png 0 Removed
Menu.Menu Example Icon Only.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.chromium.png 0 Removed
Menu.Menu Example Kind.chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.chromium.png 0 Removed
Menu.Menu Example Pointing.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.chromium.png 0 Removed
Menu.Menu Example Positioning Shorthand.chromium.png 0 Removed
Menu.Menu Example Positioning Update Shorthand.chromium.png 0 Removed
Menu.Menu Example Slot.chromium.png 0 Removed
Menu.Menu Example Tab Shorthand.chromium.png 0 Removed
Menu.Menu Example Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.chromium.png 0 Removed
Menu.Menu Example Underlined.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.chromium.png 0 Removed
Menu.Menu Example Vertical.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical.chromium.png 0 Removed
Menu.Menu Example With Icons.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.chromium.png 0 Removed
Menu.Menu Example With Tooltip.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip.chromium.png 0 Removed
Menu.Menu Example.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example.chromium.png 0 Removed
Menu.Menu Item Example Disabled.chromium.png 0 Removed
Menu.Menu Playground.chromium.png 0 Removed
Menu.Menu With Submenu Controlled Example.chromium.png 0 Removed
MenuButton 5 screenshots
Image Name Diff(in Pixels) Image Type
MenuButton.MenuButtonExampleRtl.chromium.png 0 Added
MenuButton.MenuButtonOpenExample.chromium.png 0 Added
MenuButton.Menu Button Example Rtl.RTL- Shows menuButton.chromium.png 0 Removed
MenuButton.Menu Button Example Rtl.chromium.png 0 Removed
MenuButton.Menu Button Open Example.chromium.png 0 Removed
Pill 20 screenshots
Image Name Diff(in Pixels) Image Type
Pill.PillActionableExample.chromium.png 0 Added
Pill.PillAppearanceExample.chromium.png 0 Added
Pill.PillExample.chromium.png 0 Added
Pill.PillExampleDisabled.chromium.png 0 Added
Pill.PillGroupExample.chromium.png 0 Added
Pill.PillIconExample.chromium.png 0 Added
Pill.PillImageExample.chromium.png 0 Added
Pill.PillRectangularExample.chromium.png 0 Added
Pill.PillSelectableExample.chromium.png 0 Added
Pill.PillSizesExample.chromium.png 0 Added
Pill.Pill Actionable Example.chromium.png 0 Removed
Pill.Pill Appearance Example.chromium.png 0 Removed
Pill.Pill Example Disabled.chromium.png 0 Removed
Pill.Pill Example.chromium.png 0 Removed
Pill.Pill Group Example.chromium.png 0 Removed
Pill.Pill Icon Example.chromium.png 0 Removed
Pill.Pill Image Example.chromium.png 0 Removed
Pill.Pill Rectangular Example.chromium.png 0 Removed
Pill.Pill Selectable Example.chromium.png 0 Removed
Pill.Pill Sizes Example.chromium.png 0 Removed
Popup 66 screenshots
Image Name Diff(in Pixels) Image Type
Popup.PopperExamplePositioning.chromium.png 0 Added
Popup.PopperExampleVisibilityModifiers.chromium.png 0 Added
Popup.PopupCloseButtonExample.chromium.png 0 Added
Popup.PopupControlledExample.chromium.png 0 Added
Popup.PopupControlledExampleTeams.chromium.png 0 Added
Popup.PopupControlledExampleTeamsDark.chromium.png 0 Added
Popup.PopupControlledExampleTeamsHighContrast.chromium.png 0 Added
Popup.PopupCustomTargetExample.chromium.png 0 Added
Popup.PopupExample.chromium.png 0 Added
Popup.PopupExampleAsync.chromium.png 0 Added
Popup.PopupExampleAutoSize.chromium.png 0 Added
Popup.PopupExampleContainerTransformed.chromium.png 0 Added
Popup.PopupExampleInline.chromium.png 0 Added
Popup.PopupExampleNested.chromium.png 0 Added
Popup.PopupExampleOffset.chromium.png 0 Added
Popup.PopupExamplePointerMargin.chromium.png 0 Added
Popup.PopupExamplePointerOffset.chromium.png 0 Added
Popup.PopupExamplePointing.chromium.png 0 Added
Popup.PopupExamplePosition.chromium.png 0 Added
Popup.PopupExampleRtl.chromium.png 0 Added
Popup.PopupExampleTeams.chromium.png 0 Added
Popup.PopupExampleTeamsDark.chromium.png 0 Added
Popup.PopupExampleTeamsHighContrast.chromium.png 0 Added
Popup.PopupFocusTrapExample.chromium.png 0 Added
Popup.PopupScrollExample.chromium.png 0 Added
Popup.Popper Example Positioning.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.Opened a popup on second message.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-escaped] when the popper escapes the reference element's boundary.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-is-intersecting] when the popover intersects boundaries.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-reference-hidden] when the reference is hidden.chromium.png 0 Removed
Popup.Popup Close Button Example.chromium.png 0 Removed
Popup.Popup Controlled Example Teams Dark.chromium.png 0 Removed
Popup.Popup Controlled Example Teams High Contrast.chromium.png 0 Removed
Popup.Popup Controlled Example Teams.chromium.png 0 Removed
Popup.Popup Controlled Example.chromium.png 0 Removed
Popup.Popup Custom Target Example.chromium.png 0 Removed
Popup.Popup Example Async.chromium.png 0 Removed
Popup.Popup Example Auto Size.chromium.png 0 Removed
Popup.Popup Example Container Transformed.chromium.png 0 Removed
Popup.Popup Example Inline.chromium.png 0 Removed
Popup.Popup Example Nested.chromium.png 0 Removed
Popup.Popup Example Offset.Opens a popup.chromium.png 0 Removed
Popup.Popup Example Offset.chromium.png 0 Removed
Popup.Popup Example Pointer Margin.chromium.png 0 Removed
Popup.Popup Example Pointer Offset.chromium.png 0 Removed
Popup.Popup Example Pointing.chromium.png 0 Removed
Popup.Popup Example Position.chromium.png 0 Removed
Popup.Popup Example Rtl.RTL- Shows popup.chromium.png 0 Removed
Popup.Popup Example Rtl.chromium.png 0 Removed
Popup.Popup Example Teams Dark.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams Dark.chromium.png 0 Removed
Popup.Popup Example Teams High Contrast.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams High Contrast.chromium.png 0 Removed
Popup.Popup Example Teams.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams.chromium.png 0 Removed
Popup.Popup Example.Shows popup.chromium.png 0 Removed
Popup.Popup Example.chromium.png 0 Removed
Popup.Popup Focus Trap Example.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for inline controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for popup with trap focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for inline controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for popup with trap focus.chromium.png 0 Removed
Popup.Popup Scroll Example.chromium.png 0 Removed
Portal 2 screenshots
Image Name Diff(in Pixels) Image Type
Portal.PortalExampleOpen.chromium.png 0 Added
Portal.Portal Example Open.chromium.png 0 Removed
Provider 15 screenshots
Image Name Diff(in Pixels) Image Type
Provider.ProviderExampleAnimation.chromium.png 0 Added
Provider.ProviderExampleFocusBorderShorthand.chromium.png 0 Added
Provider.ProviderExampleScrollbar.chromium.png 0 Added
Provider.ProviderExampleShorthand.chromium.png 0 Added
Provider.ProviderExampleTarget.chromium.png 0 Added
Provider.ProviderExampleTargetFrame.chromium.png 0 Added
Provider.ProviderRtlExample.chromium.png 0 Added
Provider.Provider Example Animation.chromium.png 0 Removed
Provider.Provider Example Focus Border Shorthand.Show overridden border focused styles.chromium.png 0 Removed
Provider.Provider Example Focus Border Shorthand.chromium.png 0 Removed
Provider.Provider Example Scrollbar.chromium.png 0 Removed
Provider.Provider Example Shorthand.chromium.png 0 Removed
Provider.Provider Example Target Frame.chromium.png 0 Removed
Provider.Provider Example Target.chromium.png 0 Removed
Provider.Provider Rtl Example.chromium.png 0 Removed
RadioGroup 20 screenshots
Image Name Diff(in Pixels) Image Type
RadioGroup.RadioGroupColorPickerExample.chromium.png 0 Added
RadioGroup.RadioGroupCustomExample.chromium.png 0 Added
RadioGroup.RadioGroupExampleRtl.chromium.png 0 Added
RadioGroup.RadioGroupItemExample.chromium.png 0 Added
RadioGroup.RadioGroupItemExampleCheckedShorthand.chromium.png 0 Added
RadioGroup.RadioGroupItemExampleDisabledShorthand.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExample.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeams.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeamsDark.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeamsHighContrast.chromium.png 0 Added
RadioGroup.Radio Group Color Picker Example.chromium.png 0 Removed
RadioGroup.Radio Group Custom Example.chromium.png 0 Removed
RadioGroup.Radio Group Example Rtl.chromium.png 0 Removed
RadioGroup.Radio Group Item Example Checked Shorthand.chromium.png 0 Removed
RadioGroup.Radio Group Item Example Disabled Shorthand.chromium.png 0 Removed
RadioGroup.Radio Group Item Example.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams Dark.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams High Contrast.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example.chromium.png 0 Removed
Reaction 6 screenshots
Image Name Diff(in Pixels) Image Type
Reaction.ReactionExample.chromium.png 0 Added
Reaction.ReactionGroupExample.chromium.png 0 Added
Reaction.ReactionGroupExampleRtl.chromium.png 0 Added
Reaction.Reaction Example.chromium.png 0 Removed
Reaction.Reaction Group Example Rtl.chromium.png 0 Removed
Reaction.Reaction Group Example.chromium.png 0 Removed
Segment 14 screenshots
Image Name Diff(in Pixels) Image Type
Segment.SegmentExample.chromium.png 0 Added
Segment.SegmentExampleColor.chromium.png 0 Added
Segment.SegmentExampleDisabled.chromium.png 0 Added
Segment.SegmentExampleDisabledShorthand.chromium.png 0 Added
Segment.SegmentExampleInvertedShorthand.chromium.png 0 Added
Segment.SegmentExampleRtl.chromium.png 0 Added
Segment.SegmentExampleShorthand.chromium.png 0 Added
Segment.Segment Example Color.chromium.png 0 Removed
Segment.Segment Example Disabled Shorthand.chromium.png 0 Removed
Segment.Segment Example Disabled.chromium.png 0 Removed
Segment.Segment Example Inverted Shorthand.chromium.png 0 Removed
Segment.Segment Example Rtl.chromium.png 0 Removed
Segment.Segment Example Shorthand.chromium.png 0 Removed
Segment.Segment Example.chromium.png 0 Removed
Skeleton 10 screenshots
Image Name Diff(in Pixels) Image Type
Skeleton.SkeletonExampleAnimations.chromium.png 0 Added
Skeleton.SkeletonExampleCard.chromium.png 0 Added
Skeleton.SkeletonExampleComponents.chromium.png 0 Added
Skeleton.SkeletonExampleDefault.chromium.png 0 Added
Skeleton.SkeletonExampleList.chromium.png 0 Added
Skeleton.Skeleton Example Animations.chromium.png 0 Removed
Skeleton.Skeleton Example Card.chromium.png 0 Removed
Skeleton.Skeleton Example Components.chromium.png 0 Removed
Skeleton.Skeleton Example Default.chromium.png 0 Removed
Skeleton.Skeleton Example List.chromium.png 0 Removed
Slider 34 screenshots
Image Name Diff(in Pixels) Image Type
Slider.SliderExampleActionShorthand.chromium.png 0 Added
Slider.SliderExampleDisabledShorthand.chromium.png 0 Added
Slider.SliderExampleFluidShorthand.chromium.png 0 Added
Slider.SliderExampleFormShorthand.chromium.png 0 Added
Slider.SliderExampleRtl.chromium.png 0 Added
Slider.SliderExampleRtlTeams.chromium.png 0 Added
Slider.SliderExampleRtlTeamsDark.chromium.png 0 Added
Slider.SliderExampleRtlTeamsHighContrast.chromium.png 0 Added
Slider.SliderExampleShorthand.chromium.png 0 Added
Slider.SliderExampleShorthandTeams.chromium.png 0 Added
Slider.SliderExampleShorthandTeamsDark.chromium.png 0 Added
Slider.SliderExampleShorthandTeamsHighContrast.chromium.png 0 Added
Slider.SliderExampleVerticalShorthand.chromium.png 0 Added
Slider.Slider Example Action Shorthand.chromium.png 0 Removed
Slider.Slider Example Disabled Shorthand.chromium.png 0 Removed
Slider.Slider Example Fluid Shorthand.chromium.png 0 Removed
Slider.Slider Example Form Shorthand.chromium.png 0 Removed
Slider.Slider Example Rtl Teams Dark.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams Dark.chromium.png 0 Removed
Slider.Slider Example Rtl Teams High Contrast.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams High Contrast.chromium.png 0 Removed
Slider.Slider Example Rtl Teams.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams.chromium.png 0 Removed
Slider.Slider Example Rtl.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams Dark.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams Dark.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams High Contrast.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams High Contrast.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams.chromium.png 0 Removed
Slider.Slider Example Shorthand.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand.chromium.png 0 Removed
Slider.Slider Example Vertical Shorthand.chromium.png 0 Removed
SplitButton 26 screenshots
Image Name Diff(in Pixels) Image Type
SplitButton.SplitButtonExampleDisabledShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleFlat.chromium.png 0 Added
SplitButton.SplitButtonExamplePrimaryShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainer.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeams.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeamsDark.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeamsHighContrast.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleToggleButtonShorthand.chromium.png 0 Added
SplitButton.SplitButtonIconAndContentExampleShorthand.chromium.png 0 Added
SplitButton.SplitButtonMainOptionChangeExample.chromium.png 0 Added
SplitButton.SplitButtonPositioningExampleShorthand.chromium.png 0 Added
SplitButton.Split Button Example Disabled Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Flat.chromium.png 0 Removed
SplitButton.Split Button Example Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams Dark.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams High Contrast.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams.chromium.png 0 Removed
SplitButton.Split Button Example Small Container.chromium.png 0 Removed
SplitButton.Split Button Example Small Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Toggle Button Shorthand.chromium.png 0 Removed
SplitButton.Split Button Icon And Content Example Shorthand.chromium.png 0 Removed
SplitButton.Split Button Main Option Change Example.chromium.png 0 Removed
SplitButton.Split Button Positioning Example Shorthand.Open menu.chromium.png 0 Removed
SplitButton.Split Button Positioning Example Shorthand.chromium.png 0 Removed
Status 18 screenshots
Image Name Diff(in Pixels) Image Type
Status.StatusColorExampleShorthand.chromium.png 0 Added
Status.StatusCustomExampleShorthand.chromium.png 0 Added
Status.StatusExampleShorthand.chromium.png 0 Added
Status.StatusIconExampleShorthand.chromium.png 0 Added
Status.StatusSizeExampleShorthand.chromium.png 0 Added
Status.StatusTypeExampleShorthand.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeams.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeamsDark.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeamsHighContrast.chromium.png 0 Added
Status.Status Color Example Shorthand.chromium.png 0 Removed
Status.Status Custom Example Shorthand.chromium.png 0 Removed
Status.Status Example Shorthand.chromium.png 0 Removed
Status.Status Icon Example Shorthand.chromium.png 0 Removed
Status.Status Size Example Shorthand.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams Dark.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams High Contrast.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams.chromium.png 0 Removed
Status.Status Type Example Shorthand.chromium.png 0 Removed
SvgIcon 72 screenshots
Image Name Diff(in Pixels) Image Type
SvgIcon.SvgIconExample.chromium.png 0 Added
SvgIcon.SvgIconExampleCircular.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleColor.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabled.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleRotate.chromium.png 0 Added
SvgIcon.SvgIconExampleRotateRtl.chromium.png 0 Added
SvgIcon.SvgIconExampleRtl.chromium.png 0 Added
SvgIcon.SvgIconExampleSize.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleSpace.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthand.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeams.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgPlayground.chromium.png 0 Added
SvgIcon.SvgconExampleBordered.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeams.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeamsDark.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeamsHighContrast.chromium.png 0 Added
SvgIcon.Svg Icon Example Circular Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rotate Rtl.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rotate.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rtl.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand.chromium.png 0 Removed
SvgIcon.Svg Playground.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams Dark.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered.chromium.png 0 Removed
Table 14 screenshots
Image Name Diff(in Pixels) Image Type
Table.StaticTable.chromium.png 0 Added
Table.StaticTableCompact.chromium.png 0 Added
Table.StaticTableTeams.chromium.png 0 Added
Table.StaticTableTeamsDark.chromium.png 0 Added
Table.StaticTableTeamsHighContrast.chromium.png 0 Added
Table.TableExampleStatic.chromium.png 0 Added
Table.TableExampleStaticShorthand.chromium.png 0 Added
Table.Static Table Compact.chromium.png 0 Removed
Table.Static Table Teams Dark.chromium.png 0 Removed
Table.Static Table Teams High Contrast.chromium.png 0 Removed
Table.Static Table Teams.chromium.png 0 Removed
Table.Static Table.chromium.png 0 Removed
Table.Table Example Static Shorthand.chromium.png 0 Removed
Table.Table Example Static.chromium.png 0 Removed
Text 46 screenshots
Image Name Diff(in Pixels) Image Type
Text.HeaderExampleAlign.chromium.png 0 Added
Text.TextExampleAtMention.chromium.png 0 Added
Text.TextExampleAtMentionShorthand.chromium.png 0 Added
Text.TextExampleColor.chromium.png 0 Added
Text.TextExampleDisabled.chromium.png 0 Added
Text.TextExampleDisabledShorthand.chromium.png 0 Added
Text.TextExampleError.chromium.png 0 Added
Text.TextExampleErrorShorthand.chromium.png 0 Added
Text.TextExampleImportant.chromium.png 0 Added
Text.TextExampleImportantShorthand.chromium.png 0 Added
Text.TextExampleRtl.chromium.png 0 Added
Text.TextExampleSuccess.chromium.png 0 Added
Text.TextExampleSuccessShorthand.chromium.png 0 Added
Text.TextExampleTemporary.chromium.png 0 Added
Text.TextExampleTemporaryShorthand.chromium.png 0 Added
Text.TextExampleTimestamp.chromium.png 0 Added
Text.TextExampleTimestampShorthand.chromium.png 0 Added
Text.TextExampleTruncated.chromium.png 0 Added
Text.TextExampleTruncatedShorthand.chromium.png 0 Added
Text.TextSizesExample.chromium.png 0 Added
Text.TextSizesExampleShorthand.chromium.png 0 Added
Text.TextWeightsExample.chromium.png 0 Added
Text.TextWeightsExampleShorthand.chromium.png 0 Added
Text.Header Example Align.chromium.png 0 Removed
Text.Text Example At Mention Shorthand.chromium.png 0 Removed
Text.Text Example At Mention.chromium.png 0 Removed
Text.Text Example Color.chromium.png 0 Removed
Text.Text Example Disabled Shorthand.chromium.png 0 Removed
Text.Text Example Disabled.chromium.png 0 Removed
Text.Text Example Error Shorthand.chromium.png 0 Removed
Text.Text Example Error.chromium.png 0 Removed
Text.Text Example Important Shorthand.chromium.png 0 Removed
Text.Text Example Important.chromium.png 0 Removed
Text.Text Example Rtl.chromium.png 0 Removed
Text.Text Example Success Shorthand.chromium.png 0 Removed
Text.Text Example Success.chromium.png 0 Removed
Text.Text Example Temporary Shorthand.chromium.png 0 Removed
Text.Text Example Temporary.chromium.png 0 Removed
Text.Text Example Timestamp Shorthand.chromium.png 0 Removed
Text.Text Example Timestamp.chromium.png 0 Removed
Text.Text Example Truncated Shorthand.chromium.png 0 Removed
Text.Text Example Truncated.chromium.png 0 Removed
Text.Text Sizes Example Shorthand.chromium.png 0 Removed
Text.Text Sizes Example.chromium.png 0 Removed
Text.Text Weights Example Shorthand.chromium.png 0 Removed
Text.Text Weights Example.chromium.png 0 Removed
TextArea 32 screenshots
Image Name Diff(in Pixels) Image Type
TextArea.TextAreaDisabledExample.chromium.png 0 Added
TextArea.TextAreaExample.chromium.png 0 Added
TextArea.TextAreaExampleFluid.chromium.png 0 Added
TextArea.TextAreaExampleHeight.chromium.png 0 Added
TextArea.TextAreaExampleInverted.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeams.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeamsDark.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeamsHighContrast.chromium.png 0 Added
TextArea.TextAreaExampleMaxLength.chromium.png 0 Added
TextArea.TextAreaExampleResize.chromium.png 0 Added
TextArea.TextAreaExampleTeams.chromium.png 0 Added
TextArea.TextAreaExampleTeamsDark.chromium.png 0 Added
TextArea.TextAreaExampleTeamsHighContrast.chromium.png 0 Added
TextArea.TextAreaValueExample.chromium.png 0 Added
TextArea.Text Area Disabled Example.chromium.png 0 Removed
TextArea.Text Area Example Fluid.chromium.png 0 Removed
TextArea.Text Area Example Height.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams Dark.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams High Contrast.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams.chromium.png 0 Removed
TextArea.Text Area Example Inverted.chromium.png 0 Removed
TextArea.Text Area Example Max Length.chromium.png 0 Removed
TextArea.Text Area Example Resize.chromium.png 0 Removed
TextArea.Text Area Example Teams Dark.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams Dark.chromium.png 0 Removed
TextArea.Text Area Example Teams High Contrast.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams High Contrast.chromium.png 0 Removed
TextArea.Text Area Example Teams.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams.chromium.png 0 Removed
TextArea.Text Area Example.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example.chromium.png 0 Removed
TextArea.Text Area Value Example.chromium.png 0 Removed
Toolbar 76 screenshots
Image Name Diff(in Pixels) Image Type
Toolbar.ToolbarExample.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenu.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeams.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleCustomContentShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleMenuItemToggle.chromium.png 0 Added
Toolbar.ToolbarExampleMenuRadioGroup.chromium.png 0 Added
Toolbar.ToolbarExampleMenuShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleOverflow.chromium.png 0 Added
Toolbar.ToolbarExampleOverflowPositioningShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleOverflowPositioningShorthandRtl.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenu.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeams.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthand.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleVariables.chromium.png 0 Added
Toolbar.Toolbar Example Action Popup In Menu Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu.chromium.png 0 Removed
Toolbar.Toolbar Example Custom Content Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Item Toggle.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Radio Group.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.RTL- Overflow item is properly positioned.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand.Overflow item is properly positioned.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Variables.chromium.png 0 Removed
Toolbar.Toolbar Example.chromium.png 0 Removed
Tooltip 46 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip.TooltipExample.chromium.png 0 Added
Tooltip.TooltipExampleDialogContentShorthand.chromium.png 0 Added
Tooltip.TooltipExampleDisabledTrigger.chromium.png 0 Added
Tooltip.TooltipExampleDismissOnContentMouseEnter.chromium.png 0 Added
Tooltip.TooltipExamplePointerMargin.chromium.png 0 Added
Tooltip.TooltipExamplePointing.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeams.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeamsDark.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeamsHighContrast.chromium.png 0 Added
Tooltip.TooltipExamplePosition.chromium.png 0 Added
Tooltip.TooltipExampleRtl.chromium.png 0 Added
Tooltip.TooltipExampleTarget.chromium.png 0 Added
Tooltip.TooltipExampleTeams.chromium.png 0 Added
Tooltip.TooltipExampleTeamsDark.chromium.png 0 Added
Tooltip.TooltipExampleTeamsHighContrast.chromium.png 0 Added
Tooltip.TooltipOpenExample.chromium.png 0 Added
Tooltip.Tooltip Example Dialog Content Shorthand.Shows tooltip in a dialog.chromium.png 0 Removed
Tooltip.Tooltip Example Dialog Content Shorthand.chromium.png 0 Removed
Tooltip.Tooltip Example Disabled Trigger.chromium.png 0 Removed
Tooltip.Tooltip Example Dismiss On Content Mouse Enter.chromium.png 0 Removed
Tooltip.Tooltip Example Pointer Margin.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.chromium.png 0 Removed
Tooltip.Tooltip Example Position.chromium.png 0 Removed
Tooltip.Tooltip Example Rtl.RTL- Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Rtl.chromium.png 0 Removed
Tooltip.Tooltip Example Target.chromium.png 0 Removed
Tooltip.Tooltip Example Teams Dark.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams Dark.chromium.png 0 Removed
Tooltip.Tooltip Example Teams High Contrast.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams High Contrast.chromium.png 0 Removed
Tooltip.Tooltip Example Teams.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams.chromium.png 0 Removed
Tooltip.Tooltip Example.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example.chromium.png 0 Removed
Tooltip.Tooltip Open Example.chromium.png 0 Removed
Tree 56 screenshots
Image Name Diff(in Pixels) Image Type
Tree.TreeExampleShorthand.chromium.png 0 Added
Tree.TreeExampleShorthandTeams.chromium.png 0 Added
Tree.TreeExampleShorthandTeamsDark.chromium.png 0 Added
Tree.TreeExampleShorthandTeamsHighContrast.chromium.png 0 Added
Tree.TreeExclusiveExample.chromium.png 0 Added
Tree.TreeInitiallyOpenExampleShorthand.chromium.png 0 Added
Tree.TreeMultiselectExample.chromium.png 0 Added
Tree.TreeMultiselectExampleTeams.chromium.png 0 Added
Tree.TreeMultiselectExampleTeamsDark.chromium.png 0 Added
Tree.TreeMultiselectExampleTeamsHighContrast.chromium.png 0 Added
Tree.TreeTitleCustomizationExample.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeams.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeamsDark.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeamsHighContrast.chromium.png 0 Added
Tree.Tree Example Shorthand Teams Dark.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand.chromium.png 0 Removed
Tree.Tree Exclusive Example.chromium.png 0 Removed
Tree.Tree Initially Open Example Shorthand.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example.chromium.png 0 Removed
Tree.Tree Multiselect Example.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams Dark.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams Dark.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams High Contrast.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams High Contrast.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams.chromium.png 0 Removed
Tree.Tree Title Customization Example.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example.chromium.png 0 Removed
Video 2 screenshots
Image Name Diff(in Pixels) Image Type
Video.VideoExample.chromium.png 0 Added
Video.Video Example.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentui-web-components-v3 Visual Regression Report

Accordion 24 screenshots
Image Name Diff(in Pixels) Image Type
Accordion.Accordion With Custom Icons Dark Mode.chromium.png 0 Added
Accordion.Accordion With Custom Icons RTL.chromium.png 0 Added
Accordion.Accordion With Custom Icons.chromium.png 0 Added
Accordion.Disabled Dark Mode.chromium.png 0 Added
Accordion.Disabled RTL.chromium.png 0 Added
Accordion.Disabled.chromium.png 0 Added
Accordion.Marker Position End Dark Mode.chromium.png 0 Added
Accordion.Marker Position End RTL.chromium.png 0 Added
Accordion.Marker Position End.chromium.png 0 Added
Accordion.Size Dark Mode.chromium.png 0 Added
Accordion.Size RTL.chromium.png 0 Added
Accordion.Size.chromium.png 0 Added
Accordion.Accordion With Custom Icons - Dark Mode.normal.chromium.png 0 Removed
Accordion.Accordion With Custom Icons - RTL.normal.chromium.png 0 Removed
Accordion.Accordion With Custom Icons.normal.chromium.png 0 Removed
Accordion.Disabled - Dark Mode.normal.chromium.png 0 Removed
Accordion.Disabled - RTL.normal.chromium.png 0 Removed
Accordion.Disabled.normal.chromium.png 0 Removed
Accordion.Marker Position End - Dark Mode.normal.chromium.png 0 Removed
Accordion.Marker Position End - RTL.normal.chromium.png 0 Removed
Accordion.Marker Position End.normal.chromium.png 0 Removed
Accordion.Size - Dark Mode.normal.chromium.png 0 Removed
Accordion.Size - RTL.normal.chromium.png 0 Removed
Accordion.Size.normal.chromium.png 0 Removed
Avatar 38 screenshots
Image Name Diff(in Pixels) Image Type
Avatar.Active Appearance Dark Mode.chromium.png 0 Added
Avatar.Active Appearance.chromium.png 0 Added
Avatar.Active Dark Mode.chromium.png 0 Added
Avatar.Active.chromium.png 0 Added
Avatar.Color Dark Mode.chromium.png 0 Added
Avatar.Color RTL.chromium.png 0 Added
Avatar.Color.chromium.png 0 Added
Avatar.Colorful Dark Mode.chromium.png 0 Added
Avatar.Colorful RTL.chromium.png 0 Added
Avatar.Colorful.chromium.png 0 Added
Avatar.Custom Initials RTL.chromium.png 0 Added
Avatar.Custom Initials.chromium.png 0 Added
Avatar.Default RTL.chromium.png 0 Added
Avatar.Default.chromium.png 0 Added
Avatar.Icon Dark Mode.chromium.png 0 Added
Avatar.Icon.chromium.png 0 Added
Avatar.Image.chromium.png 0 Added
Avatar.Shape.chromium.png 0 Added
Avatar.Size.chromium.png 0 Added
Avatar.Active - Dark Mode.normal.chromium.png 0 Removed
Avatar.Active Appearance - Dark Mode.normal.chromium.png 0 Removed
Avatar.Active Appearance.normal.chromium.png 0 Removed
Avatar.Active.normal.chromium.png 0 Removed
Avatar.Color - Dark Mode.normal.chromium.png 0 Removed
Avatar.Color - RTL.normal.chromium.png 0 Removed
Avatar.Color.normal.chromium.png 0 Removed
Avatar.Colorful - Dark Mode.normal.chromium.png 0 Removed
Avatar.Colorful - RTL.normal.chromium.png 0 Removed
Avatar.Colorful.normal.chromium.png 0 Removed
Avatar.Custom Initials - RTL.normal.chromium.png 0 Removed
Avatar.Custom Initials.normal.chromium.png 0 Removed
Avatar.Default - RTL.normal.chromium.png 0 Removed
Avatar.Default.normal.chromium.png 0 Removed
Avatar.Icon - Dark Mode.normal.chromium.png 0 Removed
Avatar.Icon.normal.chromium.png 0 Removed
Avatar.Image.normal.chromium.png 0 Removed
Avatar.Shape.normal.chromium.png 0 Removed
Avatar.Size.normal.chromium.png 0 Removed
Badge 20 screenshots
Image Name Diff(in Pixels) Image Type
Badge.Appearance Dark Mode.chromium.png 0 Added
Badge.Appearance.chromium.png 0 Added
Badge.Color Dark Mode.chromium.png 0 Added
Badge.Color.chromium.png 0 Added
Badge.Default Dark Mode.chromium.png 0 Added
Badge.Default.chromium.png 0 Added
Badge.Shape Dark Mode.chromium.png 0 Added
Badge.Shape.chromium.png 0 Added
Badge.Size Dark Mode.chromium.png 0 Added
Badge.Size.chromium.png 0 Added
Badge.Appearance - Dark Mode.normal.chromium.png 0 Removed
Badge.Appearance.normal.chromium.png 0 Removed
Badge.Color - Dark Mode.normal.chromium.png 0 Removed
Badge.Color.normal.chromium.png 0 Removed
Badge.Default - Dark Mode.normal.chromium.png 0 Removed
Badge.Default.normal.chromium.png 0 Removed
Badge.Shape - Dark Mode.normal.chromium.png 0 Removed
Badge.Shape.normal.chromium.png 0 Removed
Badge.Size - Dark Mode.normal.chromium.png 0 Removed
Badge.Size.normal.chromium.png 0 Removed
Button 192 screenshots
Image Name Diff(in Pixels) Image Type
Button.Circular.chromium.png 0 Added
Button.Default.chromium.png 0 Added
Button.Large Icon Only Dark Mode.chromium.png 0 Added
Button.Large Icon Only.chromium.png 0 Added
Button.Large With Icon Dark Mode.chromium.png 0 Added
Button.Large With Icon RTL.chromium.png 0 Added
Button.Large With Icon.chromium.png 0 Added
Button.Large.chromium.png 0 Added
Button.Medium Icon Only Dark Mode.chromium.png 0 Added
Button.Medium Icon Only.chromium.png 0 Added
Button.Medium With Icon Dark Mode.chromium.png 0 Added
Button.Medium With Icon RTL.chromium.png 0 Added
Button.Medium With Icon.chromium.png 0 Added
Button.Medium.chromium.png 0 Added
Button.Outline Dark Mode.chromium.png 0 Added
Button.Outline Disabled Dark Mode.chromium.png 0 Added
Button.Outline Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Outline Disabled Focusable.chromium.png 0 Added
Button.Outline Disabled.chromium.png 0 Added
Button.Outline.chromium.png 0 Added
Button.Primary Dark Mode.chromium.png 0 Added
Button.Primary Disabled Dark Mode.chromium.png 0 Added
Button.Primary Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Primary Disabled Focusable.chromium.png 0 Added
Button.Primary Disabled.chromium.png 0 Added
Button.Primary.chromium.png 0 Added
Button.Rounded.chromium.png 0 Added
Button.Small Icon Only Dark Mode.chromium.png 0 Added
Button.Small Icon Only.chromium.png 0 Added
Button.Small With Icon Dark Mode.chromium.png 0 Added
Button.Small With Icon RTL.chromium.png 0 Added
Button.Small With Icon.chromium.png 0 Added
Button.Small.chromium.png 0 Added
Button.Square.chromium.png 0 Added
Button.Subtle Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Subtle Disabled Focusable.chromium.png 0 Added
Button.Subtle Disabled.chromium.png 0 Added
Button.Subtle.chromium.png 0 Added
Button.Transparent Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Focusable Dark Mode.chromium.png 0 Added
Button.Transparent Disabled Focusable.chromium.png 0 Added
Button.Transparent Disabled.chromium.png 0 Added
Button.Transparent.chromium.png 0 Added
Button.With Long Text RTL.chromium.png 0 Added
Button.With Long Text.chromium.png 0 Added
Button.Circular.default.chromium.png 0 Removed
Button.Circular.hover.chromium.png 0 Removed
Button.Circular.pressed.chromium.png 0 Removed
Button.Default.default.chromium.png 0 Removed
Button.Default.hover.chromium.png 0 Removed
Button.Default.pressed.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Large Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Large Icon Only.default.chromium.png 0 Removed
Button.Large Icon Only.hover.chromium.png 0 Removed
Button.Large Icon Only.pressed.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Large With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Large With Icon - RTL.default.chromium.png 0 Removed
Button.Large With Icon - RTL.hover.chromium.png 0 Removed
Button.Large With Icon - RTL.pressed.chromium.png 0 Removed
Button.Large With Icon.default.chromium.png 0 Removed
Button.Large With Icon.hover.chromium.png 0 Removed
Button.Large With Icon.pressed.chromium.png 0 Removed
Button.Large.default.chromium.png 0 Removed
Button.Large.hover.chromium.png 0 Removed
Button.Large.pressed.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Medium Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Medium Icon Only.default.chromium.png 0 Removed
Button.Medium Icon Only.hover.chromium.png 0 Removed
Button.Medium Icon Only.pressed.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Medium With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Medium With Icon - RTL.default.chromium.png 0 Removed
Button.Medium With Icon - RTL.hover.chromium.png 0 Removed
Button.Medium With Icon - RTL.pressed.chromium.png 0 Removed
Button.Medium With Icon.default.chromium.png 0 Removed
Button.Medium With Icon.hover.chromium.png 0 Removed
Button.Medium With Icon.pressed.chromium.png 0 Removed
Button.Medium.default.chromium.png 0 Removed
Button.Medium.hover.chromium.png 0 Removed
Button.Medium.pressed.chromium.png 0 Removed
Button.Outline - Dark Mode.default.chromium.png 0 Removed
Button.Outline - Dark Mode.hover.chromium.png 0 Removed
Button.Outline - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Outline Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Outline Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Outline Disabled Focusable.default.chromium.png 0 Removed
Button.Outline Disabled Focusable.hover.chromium.png 0 Removed
Button.Outline Disabled Focusable.pressed.chromium.png 0 Removed
Button.Outline Disabled.default.chromium.png 0 Removed
Button.Outline Disabled.hover.chromium.png 0 Removed
Button.Outline Disabled.pressed.chromium.png 0 Removed
Button.Outline.default.chromium.png 0 Removed
Button.Outline.hover.chromium.png 0 Removed
Button.Outline.pressed.chromium.png 0 Removed
Button.Primary - Dark Mode.default.chromium.png 0 Removed
Button.Primary - Dark Mode.hover.chromium.png 0 Removed
Button.Primary - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Primary Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Primary Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Primary Disabled Focusable.default.chromium.png 0 Removed
Button.Primary Disabled Focusable.hover.chromium.png 0 Removed
Button.Primary Disabled Focusable.pressed.chromium.png 0 Removed
Button.Primary Disabled.default.chromium.png 0 Removed
Button.Primary Disabled.hover.chromium.png 0 Removed
Button.Primary Disabled.pressed.chromium.png 0 Removed
Button.Primary.default.chromium.png 0 Removed
Button.Primary.hover.chromium.png 0 Removed
Button.Primary.pressed.chromium.png 0 Removed
Button.Rounded.default.chromium.png 0 Removed
Button.Rounded.hover.chromium.png 0 Removed
Button.Rounded.pressed.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.default.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.hover.chromium.png 0 Removed
Button.Small Icon Only - Dark Mode.pressed.chromium.png 0 Removed
Button.Small Icon Only.default.chromium.png 0 Removed
Button.Small Icon Only.hover.chromium.png 0 Removed
Button.Small Icon Only.pressed.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.default.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.hover.chromium.png 0 Removed
Button.Small With Icon - Dark Mode.pressed.chromium.png 0 Removed
Button.Small With Icon - RTL.default.chromium.png 0 Removed
Button.Small With Icon - RTL.hover.chromium.png 0 Removed
Button.Small With Icon - RTL.pressed.chromium.png 0 Removed
Button.Small With Icon.default.chromium.png 0 Removed
Button.Small With Icon.hover.chromium.png 0 Removed
Button.Small With Icon.pressed.chromium.png 0 Removed
Button.Small.default.chromium.png 0 Removed
Button.Small.hover.chromium.png 0 Removed
Button.Small.pressed.chromium.png 0 Removed
Button.Square.default.chromium.png 0 Removed
Button.Square.hover.chromium.png 0 Removed
Button.Square.pressed.chromium.png 0 Removed
Button.Subtle - Dark Mode.default.chromium.png 0 Removed
Button.Subtle - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Subtle Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Subtle Disabled Focusable.default.chromium.png 0 Removed
Button.Subtle Disabled Focusable.hover.chromium.png 0 Removed
Button.Subtle Disabled Focusable.pressed.chromium.png 0 Removed
Button.Subtle Disabled.default.chromium.png 0 Removed
Button.Subtle Disabled.hover.chromium.png 0 Removed
Button.Subtle Disabled.pressed.chromium.png 0 Removed
Button.Subtle.default.chromium.png 0 Removed
Button.Subtle.hover.chromium.png 0 Removed
Button.Subtle.pressed.chromium.png 0 Removed
Button.Transparent - Dark Mode.default.chromium.png 0 Removed
Button.Transparent - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.default.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent Disabled - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.default.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.hover.chromium.png 0 Removed
Button.Transparent Disabled Focusable - Dark Mode.pressed.chromium.png 0 Removed
Button.Transparent Disabled Focusable.default.chromium.png 0 Removed
Button.Transparent Disabled Focusable.hover.chromium.png 0 Removed
Button.Transparent Disabled Focusable.pressed.chromium.png 0 Removed
Button.Transparent Disabled.default.chromium.png 0 Removed
Button.Transparent Disabled.hover.chromium.png 0 Removed
Button.Transparent Disabled.pressed.chromium.png 0 Removed
Button.Transparent.default.chromium.png 0 Removed
Button.Transparent.hover.chromium.png 0 Removed
Button.Transparent.pressed.chromium.png 0 Removed
Button.With Long Text - RTL.default.chromium.png 0 Removed
Button.With Long Text - RTL.hover.chromium.png 0 Removed
Button.With Long Text - RTL.pressed.chromium.png 0 Removed
Button.With Long Text.default.chromium.png 0 Removed
Button.With Long Text.hover.chromium.png 0 Removed
Button.With Long Text.pressed.chromium.png 0 Removed
Checkbox 48 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.Checked Dark Mode.chromium.png 0 Added
Checkbox.Checked.chromium.png 0 Added
Checkbox.Circular Checked Dark Mode.chromium.png 0 Added
Checkbox.Circular Checked.chromium.png 0 Added
Checkbox.Circular Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled Checked Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled Checked.chromium.png 0 Added
Checkbox.Circular Disabled Dark Mode.chromium.png 0 Added
Checkbox.Circular Disabled.chromium.png 0 Added
Checkbox.Circular Indeterminate Dark Mode.chromium.png 0 Added
Checkbox.Circular Indeterminate.chromium.png 0 Added
Checkbox.Circular RTL.chromium.png 0 Added
Checkbox.Circular.chromium.png 0 Added
Checkbox.Default Dark Mode.chromium.png 0 Added
Checkbox.Default RTL.chromium.png 0 Added
Checkbox.Default.chromium.png 0 Added
Checkbox.Disabled Checked Dark Mode.chromium.png 0 Added
Checkbox.Disabled Checked.chromium.png 0 Added
Checkbox.Disabled Dark Mode.chromium.png 0 Added
Checkbox.Disabled.chromium.png 0 Added
Checkbox.Indeterminate Dark Mode.chromium.png 0 Added
Checkbox.Indeterminate.chromium.png 0 Added
Checkbox.Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Checked.normal.chromium.png 0 Removed
Checkbox.Circular - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular - RTL.normal.chromium.png 0 Removed
Checkbox.Circular Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Checked.normal.chromium.png 0 Removed
Checkbox.Circular Disabled - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Disabled Checked.normal.chromium.png 0 Removed
Checkbox.Circular Disabled.normal.chromium.png 0 Removed
Checkbox.Circular Indeterminate - Dark Mode.indeterminate.chromium.png 0 Removed
Checkbox.Circular Indeterminate - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Circular Indeterminate.indeterminate.chromium.png 0 Removed
Checkbox.Circular Indeterminate.normal.chromium.png 0 Removed
Checkbox.Circular.normal.chromium.png 0 Removed
Checkbox.Default - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Default - RTL.normal.chromium.png 0 Removed
Checkbox.Default.normal.chromium.png 0 Removed
Checkbox.Disabled - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Disabled Checked.normal.chromium.png 0 Removed
Checkbox.Disabled.normal.chromium.png 0 Removed
Checkbox.Indeterminate - Dark Mode.indeterminate.chromium.png 0 Removed
Checkbox.Indeterminate - Dark Mode.normal.chromium.png 0 Removed
Checkbox.Indeterminate.indeterminate.chromium.png 0 Removed
Checkbox.Indeterminate.normal.chromium.png 0 Removed
Divider 40 screenshots
Image Name Diff(in Pixels) Image Type
Divider.Align Content Center.chromium.png 0 Added
Divider.Align Content End RTL.chromium.png 0 Added
Divider.Align Content End.chromium.png 0 Added
Divider.Align Content Start RTL.chromium.png 0 Added
Divider.Align Content Start.chromium.png 0 Added
Divider.Appearance Brand Dark Mode.chromium.png 0 Added
Divider.Appearance Brand.chromium.png 0 Added
Divider.Appearance Default Dark Mode.chromium.png 0 Added
Divider.Appearance Default.chromium.png 0 Added
Divider.Appearance Strong Dark Mode.chromium.png 0 Added
Divider.Appearance Strong.chromium.png 0 Added
Divider.Appearance Subtle Dark Mode.chromium.png 0 Added
Divider.Appearance Subtle.chromium.png 0 Added
Divider.Default Dark Mode.chromium.png 0 Added
Divider.Default.chromium.png 0 Added
Divider.Inset.chromium.png 0 Added
Divider.Vertical With Svg.chromium.png 0 Added
Divider.Vertical.chromium.png 0 Added
Divider.With Svg Rtl.chromium.png 0 Added
Divider.With Svg.chromium.png 0 Added
Divider.Align Content Center.normal.chromium.png 0 Removed
Divider.Align Content End - RTL.normal.chromium.png 0 Removed
Divider.Align Content End.normal.chromium.png 0 Removed
Divider.Align Content Start - RTL.normal.chromium.png 0 Removed
Divider.Align Content Start.normal.chromium.png 0 Removed
Divider.Appearance Brand - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Brand.normal.chromium.png 0 Removed
Divider.Appearance Default - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Default.normal.chromium.png 0 Removed
Divider.Appearance Strong - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Strong.normal.chromium.png 0 Removed
Divider.Appearance Subtle - Dark Mode.normal.chromium.png 0 Removed
Divider.Appearance Subtle.normal.chromium.png 0 Removed
Divider.Default - Dark Mode.normal.chromium.png 0 Removed
Divider.Default.normal.chromium.png 0 Removed
Divider.Inset.normal.chromium.png 0 Removed
Divider.Vertical With Svg.normal.chromium.png 0 Removed
Divider.Vertical.normal.chromium.png 0 Removed
Divider.With Svg - RTL.normal.chromium.png 0 Removed
Divider.With Svg.normal.chromium.png 0 Removed
Label 24 screenshots
Image Name Diff(in Pixels) Image Type
Label.Default Dark Mode.chromium.png 0 Added
Label.Default.chromium.png 0 Added
Label.Disabled Dark Mode.chromium.png 0 Added
Label.Disabled.chromium.png 0 Added
Label.Required Dark Mode.chromium.png 0 Added
Label.Required RTL.chromium.png 0 Added
Label.Required.chromium.png 0 Added
Label.Size Large.chromium.png 0 Added
Label.Size Medium.chromium.png 0 Added
Label.Size Small.chromium.png 0 Added
Label.Weight Regular.chromium.png 0 Added
Label.Weight Semibold.chromium.png 0 Added
Label.Default - Dark Mode.normal.chromium.png 0 Removed
Label.Default.normal.chromium.png 0 Removed
Label.Disabled - Dark Mode.normal.chromium.png 0 Removed
Label.Disabled.normal.chromium.png 0 Removed
Label.Required - Dark Mode.normal.chromium.png 0 Removed
Label.Required - RTL.normal.chromium.png 0 Removed
Label.Required.normal.chromium.png 0 Removed
Label.Size Large.normal.chromium.png 0 Removed
Label.Size Medium.normal.chromium.png 0 Removed
Label.Size Small.normal.chromium.png 0 Removed
Label.Weight Regular.normal.chromium.png 0 Removed
Label.Weight Semibold.normal.chromium.png 0 Removed
Link 14 screenshots
Image Name Diff(in Pixels) Image Type
Link.Default.chromium.png 0 Added
Link.Inline.chromium.png 0 Added
Link.Subtle.chromium.png 0 Added
Link.With Long Text.chromium.png 0 Added
Link.Default.default.chromium.png 0 Removed
Link.Default.hover.chromium.png 0 Removed
Link.Default.pressed.chromium.png 0 Removed
Link.Inline.default.chromium.png 0 Removed
Link.Inline.hover.chromium.png 0 Removed
Link.Inline.pressed.chromium.png 0 Removed
Link.Subtle.default.chromium.png 0 Removed
Link.Subtle.hover.chromium.png 0 Removed
Link.Subtle.pressed.chromium.png 0 Removed
Link.With Long Text.default.chromium.png 0 Removed
MenuList 58 screenshots
Image Name Diff(in Pixels) Image Type
MenuList.Checkbox Dark Mode.chromium.png 0 Added
MenuList.Checkbox RTL.chromium.png 0 Added
MenuList.Checkbox With Icons RTL.chromium.png 0 Added
MenuList.Checkbox With Icons.chromium.png 0 Added
MenuList.Checkbox.chromium.png 0 Added
MenuList.Default Dark Mode.chromium.png 0 Added
MenuList.Default RTL.chromium.png 0 Added
MenuList.Default.chromium.png 0 Added
MenuList.Radio Dark Mode.chromium.png 0 Added
MenuList.Radio RTL.chromium.png 0 Added
MenuList.Radio With Icons RTL.chromium.png 0 Added
MenuList.Radio With Icons.chromium.png 0 Added
MenuList.Radio.chromium.png 0 Added
MenuList.With Icons.chromium.png 0 Added
MenuList.With Submenu Dark Mode.chromium.png 0 Added
MenuList.With Submenu RLT.chromium.png 0 Added
MenuList.With Submenu.chromium.png 0 Added
MenuList.Checkbox - Dark Mode.1st selected.chromium.png 0 Removed
MenuList.Checkbox - Dark Mode.2nd selected.chromium.png 0 Removed
MenuList.Checkbox - Dark Mode.normal.chromium.png 0 Removed
MenuList.Checkbox - RTL.1st selected.chromium.png 0 Removed
MenuList.Checkbox - RTL.2nd selected.chromium.png 0 Removed
MenuList.Checkbox - RTL.normal.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.1st selected.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.2nd selected.chromium.png 0 Removed
MenuList.Checkbox With Icons - RTL.normal.chromium.png 0 Removed
MenuList.Checkbox With Icons.1st selected.chromium.png 0 Removed
MenuList.Checkbox With Icons.2nd selected.chromium.png 0 Removed
MenuList.Checkbox With Icons.normal.chromium.png 0 Removed
MenuList.Checkbox.1st selected.chromium.png 0 Removed
MenuList.Checkbox.2nd selected.chromium.png 0 Removed
MenuList.Checkbox.normal.chromium.png 0 Removed
MenuList.Default - Dark Mode.hover menuitem.chromium.png 0 Removed
MenuList.Default - Dark Mode.normal.chromium.png 0 Removed
MenuList.Default - RTL.hover menuitem.chromium.png 0 Removed
MenuList.Default - RTL.normal.chromium.png 0 Removed
MenuList.Default.hover menuitem.chromium.png 0 Removed
MenuList.Default.normal.chromium.png 0 Removed
MenuList.Radio - Dark Mode.1st selected.chromium.png 0 Removed
MenuList.Radio - Dark Mode.2nd selected.chromium.png 0 Removed
MenuList.Radio - Dark Mode.normal.chromium.png 0 Removed
MenuList.Radio - RTL.1st selected.chromium.png 0 Removed
MenuList.Radio - RTL.2nd selected.chromium.png 0 Removed
MenuList.Radio - RTL.normal.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.1st selected.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.2nd selected.chromium.png 0 Removed
MenuList.Radio With Icons - RTL.normal.chromium.png 0 Removed
MenuList.Radio With Icons.1st selected.chromium.png 0 Removed
MenuList.Radio With Icons.2nd selected.chromium.png 0 Removed
MenuList.Radio With Icons.normal.chromium.png 0 Removed
MenuList.Radio.1st selected.chromium.png 0 Removed
MenuList.Radio.2nd selected.chromium.png 0 Removed
MenuList.Radio.normal.chromium.png 0 Removed
MenuList.With Icons.hover menuitem.chromium.png 0 Removed
MenuList.With Icons.normal.chromium.png 0 Removed
MenuList.With Submenu - Dark Mode.normal.chromium.png 0 Removed
MenuList.With Submenu - RTL.normal.chromium.png 0 Removed
MenuList.With Submenu.normal.chromium.png 0 Removed
ProgressBar 36 screenshots
Image Name Diff(in Pixels) Image Type
ProgressBar.Default Dark Mode.chromium.png 0 Added
ProgressBar.Default RTL.chromium.png 0 Added
ProgressBar.Default.chromium.png 0 Added
ProgressBar.Shape Rounded.chromium.png 0 Added
ProgressBar.Shape Square.chromium.png 0 Added
ProgressBar.Thickness Large.chromium.png 0 Added
ProgressBar.Thickness Medium.chromium.png 0 Added
ProgressBar.Validation State Error Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Error.chromium.png 0 Added
ProgressBar.Validation State Success Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Success.chromium.png 0 Added
ProgressBar.Validation State Warning Dark Mode.chromium.png 0 Added
ProgressBar.Validation State Warning.chromium.png 0 Added
ProgressBar.Value 0.chromium.png 0 Added
ProgressBar.Value 100.chromium.png 0 Added
ProgressBar.Value 25.chromium.png 0 Added
ProgressBar.Value 50.chromium.png 0 Added
ProgressBar.Value 75.chromium.png 0 Added
ProgressBar.Default - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Default - RTL.normal.chromium.png 0 Removed
ProgressBar.Default.normal.chromium.png 0 Removed
ProgressBar.Shape Rounded.normal.chromium.png 0 Removed
ProgressBar.Shape Square.normal.chromium.png 0 Removed
ProgressBar.Thickness Large.normal.chromium.png 0 Removed
ProgressBar.Thickness Medium.normal.chromium.png 0 Removed
ProgressBar.Validation State Error - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Error.normal.chromium.png 0 Removed
ProgressBar.Validation State Success - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Success.normal.chromium.png 0 Removed
ProgressBar.Validation State Warning - Dark Mode.normal.chromium.png 0 Removed
ProgressBar.Validation State Warning.normal.chromium.png 0 Removed
ProgressBar.Value 0.normal.chromium.png 0 Removed
ProgressBar.Value 100.normal.chromium.png 0 Removed
ProgressBar.Value 25.normal.chromium.png 0 Removed
ProgressBar.Value 50.normal.chromium.png 0 Removed
ProgressBar.Value 75.normal.chromium.png 0 Removed
Radio 16 screenshots
Image Name Diff(in Pixels) Image Type
Radio.Checked Dark Mode.chromium.png 0 Added
Radio.Checked.chromium.png 0 Added
Radio.Default Dark Mode.chromium.png 0 Added
Radio.Default.chromium.png 0 Added
Radio.Disabled Checked Dark Mode.chromium.png 0 Added
Radio.Disabled Checked.chromium.png 0 Added
Radio.Disabled Dark Mode.chromium.png 0 Added
Radio.Disabled.chromium.png 0 Added
Radio.Checked - Dark Mode.normal.chromium.png 0 Removed
Radio.Checked.normal.chromium.png 0 Removed
Radio.Default - Dark Mode.normal.chromium.png 0 Removed
Radio.Default.normal.chromium.png 0 Removed
Radio.Disabled - Dark Mode.normal.chromium.png 0 Removed
Radio.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Radio.Disabled Checked.normal.chromium.png 0 Removed
Radio.Disabled.normal.chromium.png 0 Removed
RadioGroup 26 screenshots
Image Name Diff(in Pixels) Image Type
RadioGroup.Default Checked.chromium.png 0 Added
RadioGroup.Default Dark Mode.chromium.png 0 Added
RadioGroup.Default RTL.chromium.png 0 Added
RadioGroup.Default.chromium.png 0 Added
RadioGroup.Disabled Dark Mode.chromium.png 0 Added
RadioGroup.Disabled Item Dark Mode.chromium.png 0 Added
RadioGroup.Disabled Item.chromium.png 0 Added
RadioGroup.Disabled.chromium.png 0 Added
RadioGroup.Horizontal Stacked RTL.chromium.png 0 Added
RadioGroup.Horizontal Stacked.chromium.png 0 Added
RadioGroup.Horizontal.chromium.png 0 Added
RadioGroup.Vertical RTL.chromium.png 0 Added
RadioGroup.Vertical.chromium.png 0 Added
RadioGroup.Default - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Default - RTL.normal.chromium.png 0 Removed
RadioGroup.Default Checked.normal.chromium.png 0 Removed
RadioGroup.Default.normal.chromium.png 0 Removed
RadioGroup.Disabled - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Disabled Item - Dark Mode.normal.chromium.png 0 Removed
RadioGroup.Disabled Item.normal.chromium.png 0 Removed
RadioGroup.Disabled.normal.chromium.png 0 Removed
RadioGroup.Horizontal Stacked - RTL.normal.chromium.png 0 Removed
RadioGroup.Horizontal Stacked.normal.chromium.png 0 Removed
RadioGroup.Horizontal.normal.chromium.png 0 Removed
RadioGroup.Vertical - RTL.normal.chromium.png 0 Removed
RadioGroup.Vertical.normal.chromium.png 0 Removed
Slider 20 screenshots
Image Name Diff(in Pixels) Image Type
Slider.Default Dark Mode.chromium.png 0 Added
Slider.Default RTL.chromium.png 0 Added
Slider.Default.chromium.png 0 Added
Slider.Disabled Dark Mode.chromium.png 0 Added
Slider.Disabled.chromium.png 0 Added
Slider.Size Medium.chromium.png 0 Added
Slider.Size Small.chromium.png 0 Added
Slider.Slider Steps Vertical.chromium.png 0 Added
Slider.Slider Steps.chromium.png 0 Added
Slider.Vertical.chromium.png 0 Added
Slider.Default - Dark Mode.normal.chromium.png 0 Removed
Slider.Default - RTL.normal.chromium.png 0 Removed
Slider.Default.normal.chromium.png 0 Removed
Slider.Disabled - Dark Mode.normal.chromium.png 0 Removed
Slider.Disabled.normal.chromium.png 0 Removed
Slider.Size Medium.normal.chromium.png 0 Removed
Slider.Size Small.normal.chromium.png 0 Removed
Slider.Slider Steps Vertical.normal.chromium.png 0 Removed
Slider.Slider Steps.normal.chromium.png 0 Removed
Slider.Vertical.normal.chromium.png 0 Removed
Switch 33 screenshots
Image Name Diff(in Pixels) Image Type
Switch.Checked Dark.chromium.png 0 Added
Switch.Checked RTL.chromium.png 0 Added
Switch.Checked.chromium.png 0 Added
Switch.Default Dark.chromium.png 0 Added
Switch.Default RTL.chromium.png 0 Added
Switch.Default.chromium.png 0 Added
Switch.Disabled Checked Dark.chromium.png 0 Added
Switch.Disabled Checked.chromium.png 0 Added
Switch.Disabled Dark.chromium.png 0 Added
Switch.Disabled RTL.chromium.png 0 Added
Switch.Disabled.chromium.png 0 Added
Switch.Checked - Dark Mode.hover.chromium.png 0 Removed
Switch.Checked - Dark Mode.normal.chromium.png 0 Removed
Switch.Checked - RTL.hover.chromium.png 0 Removed
Switch.Checked - RTL.normal.chromium.png 0 Removed
Switch.Checked.hover.chromium.png 0 Removed
Switch.Checked.normal.chromium.png 0 Removed
Switch.Default - Dark Mode.hover.chromium.png 0 Removed
Switch.Default - Dark Mode.normal.chromium.png 0 Removed
Switch.Default - RTL.hover.chromium.png 0 Removed
Switch.Default - RTL.normal.chromium.png 0 Removed
Switch.Default.hover.chromium.png 0 Removed
Switch.Default.normal.chromium.png 0 Removed
Switch.Disabled - Dark Mode.hover.chromium.png 0 Removed
Switch.Disabled - Dark Mode.normal.chromium.png 0 Removed
Switch.Disabled - RTL.hover.chromium.png 0 Removed
Switch.Disabled - RTL.normal.chromium.png 0 Removed
Switch.Disabled Checked - Dark Mode.hover.chromium.png 0 Removed
Switch.Disabled Checked - Dark Mode.normal.chromium.png 0 Removed
Switch.Disabled Checked.hover.chromium.png 0 Removed
Switch.Disabled Checked.normal.chromium.png 0 Removed
Switch.Disabled.hover.chromium.png 0 Removed
Switch.Disabled.normal.chromium.png 0 Removed
Tabs 59 screenshots
Image Name Diff(in Pixels) Image Type
Tabs.Appearance Subtle.chromium.png 0 Added
Tabs.Appearance Transparent.chromium.png 0 Added
Tabs.Default Dark Mode.chromium.png 0 Added
Tabs.Default RTL.chromium.png 0 Added
Tabs.Default.chromium.png 0 Added
Tabs.Disabled Dark Mode.chromium.png 0 Added
Tabs.Disabled.chromium.png 0 Added
Tabs.Horizontal.chromium.png 0 Added
Tabs.Navigation Over Disabled Item.chromium.png 0 Added
Tabs.Navigation RTL.chromium.png 0 Added
Tabs.Navigation.chromium.png 0 Added
Tabs.Size Large Dark Mode.chromium.png 0 Added
Tabs.Size Large Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Large Vertical.chromium.png 0 Added
Tabs.Size Large.chromium.png 0 Added
Tabs.Size Medium Dark Mode.chromium.png 0 Added
Tabs.Size Medium Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Medium Vertical.chromium.png 0 Added
Tabs.Size Medium.chromium.png 0 Added
Tabs.Size Small Dark Mode.chromium.png 0 Added
Tabs.Size Small Vertical Dark Mode.chromium.png 0 Added
Tabs.Size Small Vertical.chromium.png 0 Added
Tabs.Size Small.chromium.png 0 Added
Tabs.Vertical.chromium.png 0 Added
Tabs.Appearance Subtle.hover.chromium.png 0 Removed
Tabs.Appearance Subtle.normal.chromium.png 0 Removed
Tabs.Appearance Transparent.hover.chromium.png 0 Removed
Tabs.Appearance Transparent.normal.chromium.png 0 Removed
Tabs.Default - Dark Mode.normal.chromium.png 0 Removed
Tabs.Default - RTL.normal.chromium.png 0 Removed
Tabs.Default.normal.chromium.png 0 Removed
Tabs.Disabled - Dark Mode.normal.chromium.png 0 Removed
Tabs.Disabled.normal.chromium.png 0 Removed
Tabs.Horizontal.normal.chromium.png 0 Removed
Tabs.Navigation - RTL.2nd tab click.chromium.png 0 Removed
Tabs.Navigation - RTL.hover.chromium.png 0 Removed
Tabs.Navigation - RTL.normal.chromium.png 0 Removed
Tabs.Navigation - RTL.right arrow.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.2nd tab click.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.hover.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.normal.chromium.png 0 Removed
Tabs.Navigation Over Disabled Item.right arrow.chromium.png 0 Removed
Tabs.Navigation.2nd tab click.chromium.png 0 Removed
Tabs.Navigation.down arrow.chromium.png 0 Removed
Tabs.Navigation.hover.chromium.png 0 Removed
Tabs.Navigation.normal.chromium.png 0 Removed
Tabs.Size Large - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Large Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Large Vertical.normal.chromium.png 0 Removed
Tabs.Size Large.normal.chromium.png 0 Removed
Tabs.Size Medium - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Medium Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Medium Vertical.normal.chromium.png 0 Removed
Tabs.Size Medium.normal.chromium.png 0 Removed
Tabs.Size Small - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Small Vertical - Dark Mode.normal.chromium.png 0 Removed
Tabs.Size Small Vertical.normal.chromium.png 0 Removed
Tabs.Size Small.normal.chromium.png 0 Removed
Tabs.Vertical.normal.chromium.png 0 Removed
Text 22 screenshots
Image Name Diff(in Pixels) Image Type
Text.Align.chromium.png 0 Added
Text.Block.chromium.png 0 Added
Text.Default.chromium.png 0 Added
Text.Font.chromium.png 0 Added
Text.Italic.chromium.png 0 Added
Text.Nowrap.chromium.png 0 Added
Text.Size.chromium.png 0 Added
Text.Strikethrough.chromium.png 0 Added
Text.Truncate.chromium.png 0 Added
Text.Underline.chromium.png 0 Added
Text.Weight.chromium.png 0 Added
Text.Align.normal.chromium.png 0 Removed
Text.Block.normal.chromium.png 0 Removed
Text.Default.normal.chromium.png 0 Removed
Text.Font.normal.chromium.png 0 Removed
Text.Italic.normal.chromium.png 0 Removed
Text.Nowrap.normal.chromium.png 0 Removed
Text.Size.normal.chromium.png 0 Removed
Text.Strikethrough.normal.chromium.png 0 Removed
Text.Truncate.normal.chromium.png 0 Removed
Text.Underline.normal.chromium.png 0 Removed
Text.Weight.normal.chromium.png 0 Removed
TextInput 56 screenshots
Image Name Diff(in Pixels) Image Type
TextInput.Appearance Filled Darker Dark Mode.chromium.png 0 Added
TextInput.Appearance Filled Darker.chromium.png 0 Added
TextInput.Appearance Filled Lighter Dark Mode.chromium.png 0 Added
TextInput.Appearance Filled Lighter.chromium.png 0 Added
TextInput.Appearance Outline Dark Mode.chromium.png 0 Added
TextInput.Appearance Outline.chromium.png 0 Added
TextInput.Appearance Underline Dark Mode.chromium.png 0 Added
TextInput.Appearance Underline.chromium.png 0 Added
TextInput.Content End Dark Mode.chromium.png 0 Added
TextInput.Content End RTL.chromium.png 0 Added
TextInput.Content End.chromium.png 0 Added
TextInput.Content Start Dark Mode.chromium.png 0 Added
TextInput.Content Start End Dark Mode.chromium.png 0 Added
TextInput.Content Start End RTL.chromium.png 0 Added
TextInput.Content Start End.chromium.png 0 Added
TextInput.Content Start RTL.chromium.png 0 Added
TextInput.Content Start.chromium.png 0 Added
TextInput.Default.chromium.png 0 Added
TextInput.Disabled Dark Mode.chromium.png 0 Added
TextInput.Disabled.chromium.png 0 Added
TextInput.Inline.chromium.png 0 Added
TextInput.Placeholder Dark Mode.chromium.png 0 Added
TextInput.Placeholder.chromium.png 0 Added
TextInput.Required Dark Mode.chromium.png 0 Added
TextInput.Required.chromium.png 0 Added
TextInput.Size Large.chromium.png 0 Added
TextInput.Size Medium.chromium.png 0 Added
TextInput.Size Small.chromium.png 0 Added
TextInput.Appearance Filled Darker - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Filled Darker.normal.chromium.png 0 Removed
TextInput.Appearance Filled Lighter - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Filled Lighter.normal.chromium.png 0 Removed
TextInput.Appearance Outline - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Outline.normal.chromium.png 0 Removed
TextInput.Appearance Underline - Dark Mode.normal.chromium.png 0 Removed
TextInput.Appearance Underline.normal.chromium.png 0 Removed
TextInput.Content End - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content End - RTL.normal.chromium.png 0 Removed
TextInput.Content End.normal.chromium.png 0 Removed
TextInput.Content Start - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content Start - RTL.normal.chromium.png 0 Removed
TextInput.Content Start End - Dark Mode.normal.chromium.png 0 Removed
TextInput.Content Start End - RTL.normal.chromium.png 0 Removed
TextInput.Content Start End.normal.chromium.png 0 Removed
TextInput.Content Start.normal.chromium.png 0 Removed
TextInput.Default.normal.chromium.png 0 Removed
TextInput.Disabled - Dark Mode.normal.chromium.png 0 Removed
TextInput.Disabled.normal.chromium.png 0 Removed
TextInput.Inline.normal.chromium.png 0 Removed
TextInput.Placeholder - Dark Mode.normal.chromium.png 0 Removed
TextInput.Placeholder.normal.chromium.png 0 Removed
TextInput.Required - Dark Mode.normal.chromium.png 0 Removed
TextInput.Required.normal.chromium.png 0 Removed
TextInput.Size Large.normal.chromium.png 0 Removed
TextInput.Size Medium.normal.chromium.png 0 Removed
TextInput.Size Small.normal.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentuiv8 Visual Regression Report

(Dev-Only) Suggestions 4 screenshots
Image Name Diff(in Pixels) Image Type
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.chromium.png 0 Added
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.Hovering over a wide suggestion element.chromium.png 0 Removed
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.Hovering over the X button on a wide suggestion element.chromium.png 0 Removed
(Dev-Only) Suggestions.Test of closeButton with overflowing wide custom element.default.chromium.png 0 Removed
ActivityItem 12 screenshots
Image Name Diff(in Pixels) Image Type
ActivityItem.Compact.chromium.png 0 Added
ActivityItem.CompactPersonas.chromium.png 0 Added
ActivityItem.Personas RTL.chromium.png 0 Added
ActivityItem.Personas.chromium.png 0 Added
ActivityItem.Root RTL.chromium.png 0 Added
ActivityItem.Root.chromium.png 0 Added
ActivityItem.Compact.default.chromium.png 0 Removed
ActivityItem.CompactPersonas.default.chromium.png 0 Removed
ActivityItem.Personas - RTL.default.chromium.png 0 Removed
ActivityItem.Personas.default.chromium.png 0 Removed
ActivityItem.Root - RTL.default.chromium.png 0 Removed
ActivityItem.Root.default.chromium.png 0 Removed
Breadcrumb 36 screenshots
Image Name Diff(in Pixels) Image Type
Breadcrumb.Button RTL.chromium.png 0 Added
Breadcrumb.Button.chromium.png 0 Added
Breadcrumb.Root RTL.chromium.png 0 Added
Breadcrumb.Root.chromium.png 0 Added
Breadcrumb.Button - RTL.click.chromium.png 0 Removed
Breadcrumb.Button - RTL.default.chromium.png 0 Removed
Breadcrumb.Button - RTL.hover.chromium.png 0 Removed
Breadcrumb.Button - RTL.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Button - RTL.longTitleHover.chromium.png 0 Removed
Breadcrumb.Button - RTL.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Button - RTL.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Button.click.chromium.png 0 Removed
Breadcrumb.Button.default.chromium.png 0 Removed
Breadcrumb.Button.hover.chromium.png 0 Removed
Breadcrumb.Button.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Button.longTitleHover.chromium.png 0 Removed
Breadcrumb.Button.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Button.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Hovering items.actionable hover.chromium.png 0 Removed
Breadcrumb.Hovering items.actionable overflow hover.chromium.png 0 Removed
Breadcrumb.Hovering items.non-actionable hover.chromium.png 0 Removed
Breadcrumb.Hovering items.non-actionable overflow hover.chromium.png 0 Removed
Breadcrumb.Root - RTL.click.chromium.png 0 Removed
Breadcrumb.Root - RTL.default.chromium.png 0 Removed
Breadcrumb.Root - RTL.hover.chromium.png 0 Removed
Breadcrumb.Root - RTL.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Root - RTL.longTitleHover.chromium.png 0 Removed
Breadcrumb.Root - RTL.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Root - RTL.shortTitleHover.chromium.png 0 Removed
Breadcrumb.Root.click.chromium.png 0 Removed
Breadcrumb.Root.default.chromium.png 0 Removed
Breadcrumb.Root.hover.chromium.png 0 Removed
Breadcrumb.Root.itemLinkFocus.chromium.png 0 Removed
Breadcrumb.Root.longTitleHover.chromium.png 0 Removed
Breadcrumb.Root.overflowButtonFocus.chromium.png 0 Removed
Breadcrumb.Root.shortTitleHover.chromium.png 0 Removed
Button (compat) 40 screenshots
Image Name Diff(in Pixels) Image Type
Button (compat).Checked.chromium.png 0 Added
Button (compat).Disabled.chromium.png 0 Added
Button (compat).Icon Only.chromium.png 0 Added
Button (compat).No Icon.chromium.png 0 Added
Button (compat).Primary Anchor.chromium.png 0 Added
Button (compat).Primary Checked.chromium.png 0 Added
Button (compat).Primary Disabled.chromium.png 0 Added
Button (compat).Primary.chromium.png 0 Added
Button (compat).Root RTL.chromium.png 0 Added
Button (compat).Root.chromium.png 0 Added
Button (compat).Checked.default.chromium.png 0 Removed
Button (compat).Checked.hover.chromium.png 0 Removed
Button (compat).Checked.pressed.chromium.png 0 Removed
Button (compat).Disabled.default.chromium.png 0 Removed
Button (compat).Disabled.hover.chromium.png 0 Removed
Button (compat).Disabled.pressed.chromium.png 0 Removed
Button (compat).Icon Only.default.chromium.png 0 Removed
Button (compat).Icon Only.hover.chromium.png 0 Removed
Button (compat).Icon Only.pressed.chromium.png 0 Removed
Button (compat).No Icon.default.chromium.png 0 Removed
Button (compat).No Icon.hover.chromium.png 0 Removed
Button (compat).No Icon.pressed.chromium.png 0 Removed
Button (compat).Primary Anchor.default.chromium.png 0 Removed
Button (compat).Primary Anchor.hover.chromium.png 0 Removed
Button (compat).Primary Anchor.pressed.chromium.png 0 Removed
Button (compat).Primary Checked.default.chromium.png 0 Removed
Button (compat).Primary Checked.hover.chromium.png 0 Removed
Button (compat).Primary Checked.pressed.chromium.png 0 Removed
Button (compat).Primary Disabled.default.chromium.png 0 Removed
Button (compat).Primary Disabled.hover.chromium.png 0 Removed
Button (compat).Primary Disabled.pressed.chromium.png 0 Removed
Button (compat).Primary.default.chromium.png 0 Removed
Button (compat).Primary.hover.chromium.png 0 Removed
Button (compat).Primary.pressed.chromium.png 0 Removed
Button (compat).Root - RTL.default.chromium.png 0 Removed
Button (compat).Root - RTL.hover.chromium.png 0 Removed
Button (compat).Root - RTL.pressed.chromium.png 0 Removed
Button (compat).Root.default.chromium.png 0 Removed
Button (compat).Root.hover.chromium.png 0 Removed
Button (compat).Root.pressed.chromium.png 0 Removed
Button Action (compat) 24 screenshots
Image Name Diff(in Pixels) Image Type
Button Action (compat).Checked.chromium.png 0 Added
Button Action (compat).Disabled.chromium.png 0 Added
Button Action (compat).Icon Only.chromium.png 0 Added
Button Action (compat).No Icon.chromium.png 0 Added
Button Action (compat).Root RTL.chromium.png 0 Added
Button Action (compat).Root.chromium.png 0 Added
Button Action (compat).Checked.default.chromium.png 0 Removed
Button Action (compat).Checked.hover.chromium.png 0 Removed
Button Action (compat).Checked.pressed.chromium.png 0 Removed
Button Action (compat).Disabled.default.chromium.png 0 Removed
Button Action (compat).Disabled.hover.chromium.png 0 Removed
Button Action (compat).Disabled.pressed.chromium.png 0 Removed
Button Action (compat).Icon Only.default.chromium.png 0 Removed
Button Action (compat).Icon Only.hover.chromium.png 0 Removed
Button Action (compat).Icon Only.pressed.chromium.png 0 Removed
Button Action (compat).No Icon.default.chromium.png 0 Removed
Button Action (compat).No Icon.hover.chromium.png 0 Removed
Button Action (compat).No Icon.pressed.chromium.png 0 Removed
Button Action (compat).Root - RTL.default.chromium.png 0 Removed
Button Action (compat).Root - RTL.hover.chromium.png 0 Removed
Button Action (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Action (compat).Root.default.chromium.png 0 Removed
Button Action (compat).Root.hover.chromium.png 0 Removed
Button Action (compat).Root.pressed.chromium.png 0 Removed
Button Command (compat) 20 screenshots
Image Name Diff(in Pixels) Image Type
Button Command (compat).Checked.chromium.png 0 Added
Button Command (compat).Disabled.chromium.png 0 Added
Button Command (compat).Root RTL.chromium.png 0 Added
Button Command (compat).Root.chromium.png 0 Added
Button Command (compat).Checked.default.chromium.png 0 Removed
Button Command (compat).Checked.hover.chromium.png 0 Removed
Button Command (compat).Checked.open.chromium.png 0 Removed
Button Command (compat).Checked.pressed.chromium.png 0 Removed
Button Command (compat).Disabled.default.chromium.png 0 Removed
Button Command (compat).Disabled.hover.chromium.png 0 Removed
Button Command (compat).Disabled.open.chromium.png 0 Removed
Button Command (compat).Disabled.pressed.chromium.png 0 Removed
Button Command (compat).Root - RTL.default.chromium.png 0 Removed
Button Command (compat).Root - RTL.hover.chromium.png 0 Removed
Button Command (compat).Root - RTL.open.chromium.png 0 Removed
Button Command (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Command (compat).Root.default.chromium.png 0 Removed
Button Command (compat).Root.hover.chromium.png 0 Removed
Button Command (compat).Root.open.chromium.png 0 Removed
Button Command (compat).Root.pressed.chromium.png 0 Removed
Button Compound (compat) 32 screenshots
Image Name Diff(in Pixels) Image Type
Button Compound (compat).Checked.chromium.png 0 Added
Button Compound (compat).Disabled.chromium.png 0 Added
Button Compound (compat).No Icon.chromium.png 0 Added
Button Compound (compat).Primary Checked.chromium.png 0 Added
Button Compound (compat).Primary Disabled.chromium.png 0 Added
Button Compound (compat).Primary.chromium.png 0 Added
Button Compound (compat).Root RTL.chromium.png 0 Added
Button Compound (compat).Root.chromium.png 0 Added
Button Compound (compat).Checked.default.chromium.png 0 Removed
Button Compound (compat).Checked.hover.chromium.png 0 Removed
Button Compound (compat).Checked.pressed.chromium.png 0 Removed
Button Compound (compat).Disabled.default.chromium.png 0 Removed
Button Compound (compat).Disabled.hover.chromium.png 0 Removed
Button Compound (compat).Disabled.pressed.chromium.png 0 Removed
Button Compound (compat).No Icon.default.chromium.png 0 Removed
Button Compound (compat).No Icon.hover.chromium.png 0 Removed
Button Compound (compat).No Icon.pressed.chromium.png 0 Removed
Button Compound (compat).Primary Checked.default.chromium.png 0 Removed
Button Compound (compat).Primary Checked.hover.chromium.png 0 Removed
Button Compound (compat).Primary Checked.pressed.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.default.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.hover.chromium.png 0 Removed
Button Compound (compat).Primary Disabled.pressed.chromium.png 0 Removed
Button Compound (compat).Primary.default.chromium.png 0 Removed
Button Compound (compat).Primary.hover.chromium.png 0 Removed
Button Compound (compat).Primary.pressed.chromium.png 0 Removed
Button Compound (compat).Root - RTL.default.chromium.png 0 Removed
Button Compound (compat).Root - RTL.hover.chromium.png 0 Removed
Button Compound (compat).Root - RTL.pressed.chromium.png 0 Removed
Button Compound (compat).Root.default.chromium.png 0 Removed
Button Compound (compat).Root.hover.chromium.png 0 Removed
Button Compound (compat).Root.pressed.chromium.png 0 Removed
Button Special Scenarios (compat) 4 screenshots
Image Name Diff(in Pixels) Image Type
Button Special Scenarios (compat).no flex shrink.chromium.png 0 Added
Button Special Scenarios (compat).primary with placeholder.chromium.png 0 Added
Button Special Scenarios (compat).no flex shrink.default.chromium.png 0 Removed
Button Special Scenarios (compat).primary with placeholder.default.chromium.png 0 Removed
Button Split (compat) 40 screenshots
Image Name Diff(in Pixels) Image Type
Button Split (compat).Checked.chromium.png 0 Added
Button Split (compat).Command Split.chromium.png 0 Added
Button Split (compat).Default with Primary Action Disabled.chromium.png 0 Added
Button Split (compat).Disabled.chromium.png 0 Added
Button Split (compat).Primary Checked.chromium.png 0 Added
Button Split (compat).Primary Disabled.chromium.png 0 Added
Button Split (compat).Primary with Primary Action Disabled.chromium.png 0 Added
Button Split (compat).Primary.chromium.png 0 Added
Button Split (compat).Root RTL.chromium.png 0 Added
Button Split (compat).Root.chromium.png 0 Added
Button Split (compat).Checked.default.chromium.png 0 Removed
Button Split (compat).Checked.hover main.chromium.png 0 Removed
Button Split (compat).Checked.hover split.chromium.png 0 Removed
Button Split (compat).Command Split.default.chromium.png 0 Removed
Button Split (compat).Command Split.hover main.chromium.png 0 Removed
Button Split (compat).Command Split.hover split.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.default.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Default with Primary Action Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Disabled.default.chromium.png 0 Removed
Button Split (compat).Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary Checked.default.chromium.png 0 Removed
Button Split (compat).Primary Checked.hover main.chromium.png 0 Removed
Button Split (compat).Primary Checked.hover split.chromium.png 0 Removed
Button Split (compat).Primary Disabled.default.chromium.png 0 Removed
Button Split (compat).Primary Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Primary Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.default.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.hover main.chromium.png 0 Removed
Button Split (compat).Primary with Primary Action Disabled.hover split.chromium.png 0 Removed
Button Split (compat).Primary.default.chromium.png 0 Removed
Button Split (compat).Primary.hover main.chromium.png 0 Removed
Button Split (compat).Primary.hover split.chromium.png 0 Removed
Button Split (compat).Root - RTL.default.chromium.png 0 Removed
Button Split (compat).Root - RTL.hover main.chromium.png 0 Removed
Button Split (compat).Root - RTL.hover split.chromium.png 0 Removed
Button Split (compat).Root.default.chromium.png 0 Removed
Button Split (compat).Root.hover main.chromium.png 0 Removed
Button Split (compat).Root.hover split.chromium.png 0 Removed
Calendar 4 screenshots
Image Name Diff(in Pixels) Image Type
Calendar.Root RTL.chromium.png 0 Added
Calendar.Root.chromium.png 0 Added
Calendar.Root - RTL.default.chromium.png 0 Removed
Calendar.Root.default.chromium.png 0 Removed
Calendar - No Month Option 8 screenshots
Image Name Diff(in Pixels) Image Type
Calendar - No Month Option.Show Month as Overlay and no Go To Today.chromium.png 0 Added
Calendar - No Month Option.Show Month selection type.chromium.png 0 Added
Calendar - No Month Option.Show Week selection type.chromium.png 0 Added
Calendar - No Month Option.Show Work Week selection type.chromium.png 0 Added
Calendar - No Month Option.Show Month as Overlay and no Go To Today.default.chromium.png 0 Removed
Calendar - No Month Option.Show Month selection type.default.chromium.png 0 Removed
Calendar - No Month Option.Show Week selection type.default.chromium.png 0 Removed
Calendar - No Month Option.Show Work Week selection type.default.chromium.png 0 Removed
Callout 44 screenshots
Image Name Diff(in Pixels) Image Type
Callout.Beak 25.chromium.png 0 Added
Callout.Bottom Left Edge RTL.chromium.png 0 Added
Callout.Bottom Right Edge RTL.chromium.png 0 Added
Callout.Bottom auto edge.chromium.png 0 Added
Callout.Bottom center.chromium.png 0 Added
Callout.Bottom left edge.chromium.png 0 Added
Callout.Bottom right edge.chromium.png 0 Added
Callout.Gap space 25.chromium.png 0 Added
Callout.Left bottom edge.chromium.png 0 Added
Callout.Left center.chromium.png 0 Added
Callout.Left top edge.chromium.png 0 Added
Callout.No beak.chromium.png 0 Added
Callout.No callout width specified.chromium.png 0 Added
Callout.Rendering callout attached to a rectangle.chromium.png 0 Added
Callout.Right bottom edge.chromium.png 0 Added
Callout.Right center.chromium.png 0 Added
Callout.Right top edge.chromium.png 0 Added
Callout.Root.chromium.png 0 Added
Callout.Top auto edge.chromium.png 0 Added
Callout.Top center.chromium.png 0 Added
Callout.Top left edge.chromium.png 0 Added
Callout.Top right edge.chromium.png 0 Added
Callout.Beak 25.default.chromium.png 0 Removed
Callout.Bottom auto edge.default.chromium.png 0 Removed
Callout.Bottom center.default.chromium.png 0 Removed
Callout.Bottom left edge - RTL.default.chromium.png 0 Removed
Callout.Bottom left edge.default.chromium.png 0 Removed
Callout.Bottom right edge - RTL.default.chromium.png 0 Removed
Callout.Bottom right edge.default.chromium.png 0 Removed
Callout.Gap space 25.default.chromium.png 0 Removed
Callout.Left bottom edge.default.chromium.png 0 Removed
Callout.Left center.default.chromium.png 0 Removed
Callout.Left top edge.default.chromium.png 0 Removed
Callout.No beak.default.chromium.png 0 Removed
Callout.No callout width specified.default.chromium.png 0 Removed
Callout.Rendering callout attached to a rectangle.default.chromium.png 0 Removed
Callout.Right bottom edge.default.chromium.png 0 Removed
Callout.Right center.default.chromium.png 0 Removed
Callout.Right top edge.default.chromium.png 0 Removed
Callout.Root.default.chromium.png 0 Removed
Callout.Top auto edge.default.chromium.png 0 Removed
Callout.Top center.default.chromium.png 0 Removed
Callout.Top left edge.default.chromium.png 0 Removed
Callout.Top right edge.default.chromium.png 0 Removed
Checkbox 26 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.Checked disabled.chromium.png 0 Added
Checkbox.Checked.chromium.png 0 Added
Checkbox.Controlled Indeterminate disabled.chromium.png 0 Added
Checkbox.Controlled Indeterminate.chromium.png 0 Added
Checkbox.Custom render Checkbox.chromium.png 0 Added
Checkbox.End RTL.chromium.png 0 Added
Checkbox.End.chromium.png 0 Added
Checkbox.Multi-line Checkbox.chromium.png 0 Added
Checkbox.Unchecked RTL.chromium.png 0 Added
Checkbox.Unchecked disabled.chromium.png 0 Added
Checkbox.Unchecked.chromium.png 0 Added
Checkbox.Uncontrolled Indeterminate disabled.chromium.png 0 Added
Checkbox.Uncontrolled Indeterminate.chromium.png 0 Added
Checkbox.Checked disabled.default.chromium.png 0 Removed
Checkbox.Checked.default.chromium.png 0 Removed
Checkbox.Controlled Indeterminate disabled.default.chromium.png 0 Removed
Checkbox.Controlled Indeterminate.default.chromium.png 0 Removed
Checkbox.Custom render Checkbox.default.chromium.png 0 Removed
Checkbox.End - RTL.default.chromium.png 0 Removed
Checkbox.End.default.chromium.png 0 Removed
Checkbox.Multi-line Checkbox.default.chromium.png 0 Removed
Checkbox.Unchecked - RTL.default.chromium.png 0 Removed
Checkbox.Unchecked disabled.default.chromium.png 0 Removed
Checkbox.Unchecked.default.chromium.png 0 Removed
Checkbox.Uncontrolled Indeterminate disabled.default.chromium.png 0 Removed
Checkbox.Uncontrolled Indeterminate.default.chromium.png 0 Removed
Checkbox Indeterminate 16 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.chromium.png 0 Added
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.chromium.png 0 Added
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.default.chromium.png 0 Removed
Checkbox Indeterminate.Controlled Indeterminate checkbox without onChange callback.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate checkbox.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled Indeterminate defaultChecked checkbox.hover.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.clicked.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.default.chromium.png 0 Removed
Checkbox Indeterminate.Uncontrolled and Controlled Indeterminate checkbox.hover.chromium.png 0 Removed
ChoiceGroup 30 screenshots
Image Name Diff(in Pixels) Image Type
ChoiceGroup.Required.chromium.png 0 Added
ChoiceGroup.Root.chromium.png 0 Added
ChoiceGroup.With Icons RTL.chromium.png 0 Added
ChoiceGroup.With default size images.chromium.png 0 Added
ChoiceGroup.With icons.chromium.png 0 Added
ChoiceGroup.With large size images.chromium.png 0 Added
ChoiceGroup.Required.default.chromium.png 0 Removed
ChoiceGroup.Required.hover selected.chromium.png 0 Removed
ChoiceGroup.Required.hover unselected.chromium.png 0 Removed
ChoiceGroup.Required.selected.chromium.png 0 Removed
ChoiceGroup.Root.default.chromium.png 0 Removed
ChoiceGroup.Root.hover selected.chromium.png 0 Removed
ChoiceGroup.Root.hover unselected.chromium.png 0 Removed
ChoiceGroup.Root.selected.chromium.png 0 Removed
ChoiceGroup.With default size images.default.chromium.png 0 Removed
ChoiceGroup.With default size images.hover selected.chromium.png 0 Removed
ChoiceGroup.With default size images.hover unselected.chromium.png 0 Removed
ChoiceGroup.With default size images.selected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.default.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.hover selected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.hover unselected.chromium.png 0 Removed
ChoiceGroup.With icons - RTL.selected.chromium.png 0 Removed
ChoiceGroup.With icons.default.chromium.png 0 Removed
ChoiceGroup.With icons.hover selected.chromium.png 0 Removed
ChoiceGroup.With icons.hover unselected.chromium.png 0 Removed
ChoiceGroup.With icons.selected.chromium.png 0 Removed
ChoiceGroup.With large size images.default.chromium.png 0 Removed
ChoiceGroup.With large size images.hover selected.chromium.png 0 Removed
ChoiceGroup.With large size images.hover unselected.chromium.png 0 Removed
ChoiceGroup.With large size images.selected.chromium.png 0 Removed
Coachmark 4 screenshots
Image Name Diff(in Pixels) Image Type
Coachmark.Collapsed.chromium.png 0 Added
Coachmark.Rendering Coachmark attached to a rectangle.chromium.png 0 Added
Coachmark.Collapsed.default.chromium.png 0 Removed
Coachmark.Rendering Coachmark attached to a rectangle.default.chromium.png 0 Removed
ColorPicker 6 screenshots
Image Name Diff(in Pixels) Image Type
ColorPicker.Blue.chromium.png 0 Added
ColorPicker.Root RTL.chromium.png 0 Added
ColorPicker.Root.chromium.png 0 Added
ColorPicker.Blue.default.chromium.png 0 Removed
ColorPicker.Root - RTL.default.chromium.png 0 Removed
ColorPicker.Root.default.chromium.png 0 Removed
ComboBox 24 screenshots
Image Name Diff(in Pixels) Image Type
ComboBox.Disabled.chromium.png 0 Added
ComboBox.Error.chromium.png 0 Added
ComboBox.Placeholder.chromium.png 0 Added
ComboBox.Root RTL.chromium.png 0 Added
ComboBox.Root.chromium.png 0 Added
ComboBox.Styled.chromium.png 0 Added
ComboBox.Disabled.click.chromium.png 0 Removed
ComboBox.Disabled.default.chromium.png 0 Removed
ComboBox.Disabled.hover.chromium.png 0 Removed
ComboBox.Error.click.chromium.png 0 Removed
ComboBox.Error.default.chromium.png 0 Removed
ComboBox.Error.hover.chromium.png 0 Removed
ComboBox.Placeholder.click.chromium.png 0 Removed
ComboBox.Placeholder.default.chromium.png 0 Removed
ComboBox.Placeholder.hover.chromium.png 0 Removed
ComboBox.Root - RTL.click.chromium.png 0 Removed
ComboBox.Root - RTL.default.chromium.png 0 Removed
ComboBox.Root - RTL.hover.chromium.png 0 Removed
ComboBox.Root.click.chromium.png 0 Removed
ComboBox.Root.default.chromium.png 0 Removed
ComboBox.Root.hover.chromium.png 0 Removed
ComboBox.Styled.click.chromium.png 0 Removed
ComboBox.Styled.default.chromium.png 0 Removed
ComboBox.Styled.hover.chromium.png 0 Removed
CommandBar 16 screenshots
Image Name Diff(in Pixels) Image Type
CommandBar.Icons only.chromium.png 0 Added
CommandBar.Root RTL.chromium.png 0 Added
CommandBar.Root.chromium.png 0 Added
CommandBar.Text only.chromium.png 0 Added
CommandBar.Icons only.click.chromium.png 0 Removed
CommandBar.Icons only.default.chromium.png 0 Removed
CommandBar.Icons only.hover.chromium.png 0 Removed
CommandBar.Root - RTL.click.chromium.png 0 Removed
CommandBar.Root - RTL.default.chromium.png 0 Removed
CommandBar.Root - RTL.hover.chromium.png 0 Removed
CommandBar.Root.click.chromium.png 0 Removed
CommandBar.Root.default.chromium.png 0 Removed
CommandBar.Root.hover.chromium.png 0 Removed
CommandBar.Text only.click.chromium.png 0 Removed
CommandBar.Text only.default.chromium.png 0 Removed
CommandBar.Text only.hover.chromium.png 0 Removed
ContextualMenu 36 screenshots
Image Name Diff(in Pixels) Image Type
ContextualMenu.Root.chromium.png 0 Added
ContextualMenu.With Secondary Text RTL.chromium.png 0 Added
ContextualMenu.With Submenu RTL.chromium.png 0 Added
ContextualMenu.With headers.chromium.png 0 Added
ContextualMenu.With icons.chromium.png 0 Added
ContextualMenu.With secondaryText.chromium.png 0 Added
ContextualMenu.With split button submenu.chromium.png 0 Added
ContextualMenu.With submenu.chromium.png 0 Added
ContextualMenu.Root.click.chromium.png 0 Removed
ContextualMenu.Root.default.chromium.png 0 Removed
ContextualMenu.Root.hover.chromium.png 0 Removed
ContextualMenu.With headers.click.chromium.png 0 Removed
ContextualMenu.With headers.default.chromium.png 0 Removed
ContextualMenu.With headers.hover.chromium.png 0 Removed
ContextualMenu.With icons.click.chromium.png 0 Removed
ContextualMenu.With icons.default.chromium.png 0 Removed
ContextualMenu.With icons.hover.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.click.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.default.chromium.png 0 Removed
ContextualMenu.With secondaryText - RTL.hover.chromium.png 0 Removed
ContextualMenu.With secondaryText.click.chromium.png 0 Removed
ContextualMenu.With secondaryText.default.chromium.png 0 Removed
ContextualMenu.With secondaryText.hover.chromium.png 0 Removed
ContextualMenu.With split button submenu.click.chromium.png 0 Removed
ContextualMenu.With split button submenu.default.chromium.png 0 Removed
ContextualMenu.With split button submenu.hover.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.click.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.default.chromium.png 0 Removed
ContextualMenu.With submenu - RTL.hover.chromium.png 0 Removed
ContextualMenu.With submenu.click.chromium.png 0 Removed
ContextualMenu.With submenu.default.chromium.png 0 Removed
ContextualMenu.With submenu.hover.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.item1 hovered.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.item2 hovered.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.menu opened.chromium.png 0 Removed
ContextualMenu.With submenus with hrefs.parent hovered.chromium.png 0 Removed
DatePicker 42 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker.Allow text input.chromium.png 0 Added
DatePicker.Placeholder.chromium.png 0 Added
DatePicker.Required.chromium.png 0 Added
DatePicker.Root RTL.chromium.png 0 Added
DatePicker.Root.chromium.png 0 Added
DatePicker.Underlined and Required.chromium.png 0 Added
DatePicker.Underlined.chromium.png 0 Added
DatePicker.Allow text input.click.chromium.png 0 Removed
DatePicker.Allow text input.default.chromium.png 0 Removed
DatePicker.Allow text input.hover datepicker.chromium.png 0 Removed
DatePicker.Allow text input.hover day.chromium.png 0 Removed
DatePicker.Allow text input.hover month.chromium.png 0 Removed
DatePicker.Placeholder.click.chromium.png 0 Removed
DatePicker.Placeholder.default.chromium.png 0 Removed
DatePicker.Placeholder.hover datepicker.chromium.png 0 Removed
DatePicker.Placeholder.hover day.chromium.png 0 Removed
DatePicker.Placeholder.hover month.chromium.png 0 Removed
DatePicker.Required.click.chromium.png 0 Removed
DatePicker.Required.default.chromium.png 0 Removed
DatePicker.Required.hover datepicker.chromium.png 0 Removed
DatePicker.Required.hover day.chromium.png 0 Removed
DatePicker.Required.hover month.chromium.png 0 Removed
DatePicker.Root - RTL.click.chromium.png 0 Removed
DatePicker.Root - RTL.default.chromium.png 0 Removed
DatePicker.Root - RTL.hover datepicker.chromium.png 0 Removed
DatePicker.Root - RTL.hover day.chromium.png 0 Removed
DatePicker.Root - RTL.hover month.chromium.png 0 Removed
DatePicker.Root.click.chromium.png 0 Removed
DatePicker.Root.default.chromium.png 0 Removed
DatePicker.Root.hover datepicker.chromium.png 0 Removed
DatePicker.Root.hover day.chromium.png 0 Removed
DatePicker.Root.hover month.chromium.png 0 Removed
DatePicker.Underlined and Required.click.chromium.png 0 Removed
DatePicker.Underlined and Required.default.chromium.png 0 Removed
DatePicker.Underlined and Required.hover datepicker.chromium.png 0 Removed
DatePicker.Underlined and Required.hover day.chromium.png 0 Removed
DatePicker.Underlined and Required.hover month.chromium.png 0 Removed
DatePicker.Underlined.click.chromium.png 0 Removed
DatePicker.Underlined.default.chromium.png 0 Removed
DatePicker.Underlined.hover datepicker.chromium.png 0 Removed
DatePicker.Underlined.hover day.chromium.png 0 Removed
DatePicker.Underlined.hover month.chromium.png 0 Removed
DatePicker - Disabled 12 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker - Disabled.With Label.chromium.png 0 Added
DatePicker - Disabled.Without Label.chromium.png 0 Added
DatePicker - Disabled.Without Value.chromium.png 0 Added
DatePicker - Disabled.With Label.click.chromium.png 0 Removed
DatePicker - Disabled.With Label.default.chromium.png 0 Removed
DatePicker - Disabled.With Label.hover datepicker.chromium.png 0 Removed
DatePicker - Disabled.Without Label.click.chromium.png 0 Removed
DatePicker - Disabled.Without Label.default.chromium.png 0 Removed
DatePicker - Disabled.Without Label.hover datepicker.chromium.png 0 Removed
DatePicker - Disabled.Without Value.click.chromium.png 0 Removed
DatePicker - Disabled.Without Value.default.chromium.png 0 Removed
DatePicker - Disabled.Without Value.hover datepicker.chromium.png 0 Removed
DatePicker - No Month Option 5 screenshots
Image Name Diff(in Pixels) Image Type
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.chromium.png 0 Added
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.click.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.default.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.hover datepicker.chromium.png 0 Removed
DatePicker - No Month Option.Show Month as Overlay and no Go To Today.hover day.chromium.png 0 Removed
DetailsHeader 7 screenshots
Image Name Diff(in Pixels) Image Type
DetailsHeader.Root.chromium.png 0 Added
DetailsHeader.Root.borderWhileDragging.chromium.png 0 Removed
DetailsHeader.Root.default.chromium.png 0 Removed
DetailsHeader.Root.dropHint.chromium.png 0 Removed
DetailsHeader.Root.hoverDraggable.chromium.png 0 Removed
DetailsHeader.Root.hoverFrozenFirst.chromium.png 0 Removed
DetailsHeader.Root.hoverFrozenLast.chromium.png 0 Removed
DetailsList 28 screenshots
Image Name Diff(in Pixels) Image Type
DetailsList.Checkbox Visible Always RTL.chromium.png 0 Added
DetailsList.Checkbox Visible Always.chromium.png 0 Added
DetailsList.Compact.chromium.png 0 Added
DetailsList.Grouped with Checkbox Hidden.chromium.png 0 Added
DetailsList.Grouped.chromium.png 0 Added
DetailsList.Root.chromium.png 0 Added
DetailsList.Single Selection Mode.chromium.png 0 Added
DetailsList.Checkbox Visible Always - RTL.click.chromium.png 0 Removed
DetailsList.Checkbox Visible Always - RTL.default.chromium.png 0 Removed
DetailsList.Checkbox Visible Always - RTL.hover.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.click.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.default.chromium.png 0 Removed
DetailsList.Checkbox Visible Always.hover.chromium.png 0 Removed
DetailsList.Compact.click.chromium.png 0 Removed
DetailsList.Compact.default.chromium.png 0 Removed
DetailsList.Compact.hover.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.click.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.default.chromium.png 0 Removed
DetailsList.Grouped with Checkbox Hidden.hover.chromium.png 0 Removed
DetailsList.Grouped.click.chromium.png 0 Removed
DetailsList.Grouped.default.chromium.png 0 Removed
DetailsList.Grouped.hover.chromium.png 0 Removed
DetailsList.Root.click.chromium.png 0 Removed
DetailsList.Root.default.chromium.png 0 Removed
DetailsList.Root.hover.chromium.png 0 Removed
DetailsList.Single Selection Mode.click.chromium.png 0 Removed
DetailsList.Single Selection Mode.default.chromium.png 0 Removed
DetailsList.Single Selection Mode.hover.chromium.png 0 Removed
Dialog 10 screenshots
Image Name Diff(in Pixels) Image Type
Dialog.Blocking.chromium.png 0 Added
Dialog.Large header.chromium.png 0 Added
Dialog.Root RTL.chromium.png 0 Added
Dialog.Root.chromium.png 0 Added
Dialog.Wide Dialog.chromium.png 0 Added
Dialog.Blocking.default.chromium.png 0 Removed
Dialog.Large header.default.chromium.png 0 Removed
Dialog.Root - RTL.default.chromium.png 0 Removed
Dialog.Root.default.chromium.png 0 Removed
Dialog.Wide Dialog.default.chromium.png 0 Removed
DocumentCard 8 screenshots
Image Name Diff(in Pixels) Image Type
DocumentCard.Compact with preview image.chromium.png 0 Added
DocumentCard.Compact with preview list.chromium.png 0 Added
DocumentCard.Not truncated.chromium.png 0 Added
DocumentCard.With secondary title style.chromium.png 0 Added
DocumentCard.Compact with preview image.default.chromium.png 0 Removed
DocumentCard.Compact with preview list.default.chromium.png 0 Removed
DocumentCard.Not truncated.default.chromium.png 0 Removed
DocumentCard.With secondary title style.default.chromium.png 0 Removed
Dropdown 45 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown.Custom Dropdown RTL.chromium.png 0 Added
Dropdown.Custom Dropdown.chromium.png 0 Added
Dropdown.Disabled option selected.chromium.png 0 Added
Dropdown.Multiselect RTL.chromium.png 0 Added
Dropdown.Multiselect.chromium.png 0 Added
Dropdown.Required without label.chromium.png 0 Added
Dropdown.Required.chromium.png 0 Added
Dropdown.Root RTL.chromium.png 0 Added
Dropdown.Root.chromium.png 0 Added
Dropdown.Custom Dropdown - RTL.click.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.default.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.hover item.chromium.png 0 Removed
Dropdown.Custom Dropdown - RTL.hover.chromium.png 0 Removed
Dropdown.Custom Dropdown.click.chromium.png 0 Removed
Dropdown.Custom Dropdown.default.chromium.png 0 Removed
Dropdown.Custom Dropdown.hover item.chromium.png 0 Removed
Dropdown.Custom Dropdown.hover.chromium.png 0 Removed
Dropdown.Disabled option selected.click.chromium.png 0 Removed
Dropdown.Disabled option selected.default.chromium.png 0 Removed
Dropdown.Disabled option selected.hover item.chromium.png 0 Removed
Dropdown.Disabled option selected.hover.chromium.png 0 Removed
Dropdown.Multiselect - RTL.click.chromium.png 0 Removed
Dropdown.Multiselect - RTL.default.chromium.png 0 Removed
Dropdown.Multiselect - RTL.hover item.chromium.png 0 Removed
Dropdown.Multiselect - RTL.hover.chromium.png 0 Removed
Dropdown.Multiselect.click.chromium.png 0 Removed
Dropdown.Multiselect.default.chromium.png 0 Removed
Dropdown.Multiselect.hover item.chromium.png 0 Removed
Dropdown.Multiselect.hover.chromium.png 0 Removed
Dropdown.Required without label.click.chromium.png 0 Removed
Dropdown.Required without label.default.chromium.png 0 Removed
Dropdown.Required without label.hover item.chromium.png 0 Removed
Dropdown.Required without label.hover.chromium.png 0 Removed
Dropdown.Required.click.chromium.png 0 Removed
Dropdown.Required.default.chromium.png 0 Removed
Dropdown.Required.hover item.chromium.png 0 Removed
Dropdown.Required.hover.chromium.png 0 Removed
Dropdown.Root - RTL.click.chromium.png 0 Removed
Dropdown.Root - RTL.default.chromium.png 0 Removed
Dropdown.Root - RTL.hover item.chromium.png 0 Removed
Dropdown.Root - RTL.hover.chromium.png 0 Removed
Dropdown.Root.click.chromium.png 0 Removed
Dropdown.Root.default.chromium.png 0 Removed
Dropdown.Root.hover item.chromium.png 0 Removed
Dropdown.Root.hover.chromium.png 0 Removed
Dropdown Disabled 4 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown Disabled.Root.chromium.png 0 Added
Dropdown Disabled.Root.click.chromium.png 0 Removed
Dropdown Disabled.Root.default.chromium.png 0 Removed
Dropdown Disabled.Root.hover.chromium.png 0 Removed
Facepile 12 screenshots
Image Name Diff(in Pixels) Image Type
Facepile.Add face.chromium.png 0 Added
Facepile.Custom button styles.chromium.png 0 Added
Facepile.Extra extra small.chromium.png 0 Added
Facepile.Overflow.chromium.png 0 Added
Facepile.Root RTL.chromium.png 0 Added
Facepile.Root.chromium.png 0 Added
Facepile.Add face.default.chromium.png 0 Removed
Facepile.Custom button styles.default.chromium.png 0 Removed
Facepile.Extra extra small.default.chromium.png 0 Removed
Facepile.Overflow.default.chromium.png 0 Removed
Facepile.Root - RTL.default.chromium.png 0 Removed
Facepile.Root.default.chromium.png 0 Removed
FocusTrapZones 9 screenshots
Image Name Diff(in Pixels) Image Type
FocusTrapZones.Dialog Nested In Panel RTL.chromium.png 0 Added
FocusTrapZones.Dialog nested in Panel.chromium.png 0 Added
FocusTrapZones.Panel on its own.chromium.png 0 Added
FocusTrapZones.Dialog nested in Panel - RTL.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel - RTL.default.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Dialog nested in Panel.default.chromium.png 0 Removed
FocusTrapZones.Panel on its own.click on panel close button.chromium.png 0 Removed
FocusTrapZones.Panel on its own.default.chromium.png 0 Removed
FolderCover 10 screenshots
Image Name Diff(in Pixels) Image Type
FolderCover.Large Default Cover.chromium.png 0 Added
FolderCover.Large Media Cover.chromium.png 0 Added
FolderCover.Shared Cover.chromium.png 0 Added
FolderCover.Small Default Cover.chromium.png 0 Added
FolderCover.Small Media Cover.chromium.png 0 Added
FolderCover.Large Default Cover.default.chromium.png 0 Removed
FolderCover.Large Media Cover.default.chromium.png 0 Removed
FolderCover.Shared Cover.default.chromium.png 0 Removed
FolderCover.Small Default Cover.default.chromium.png 0 Removed
FolderCover.Small Media Cover.default.chromium.png 0 Removed
Fonts 32 screenshots
Image Name Diff(in Pixels) Image Type
Fonts.Arabic.chromium.png 0 Added
Fonts.Armenian.chromium.png 0 Added
Fonts.Chinese (Simplified).chromium.png 0 Added
Fonts.Chinese (Traditional).chromium.png 0 Added
Fonts.Cyrillic.chromium.png 0 Added
Fonts.East European.chromium.png 0 Added
Fonts.Georgian.chromium.png 0 Added
Fonts.Greek.chromium.png 0 Added
Fonts.Hebrew.chromium.png 0 Added
Fonts.Hindi.chromium.png 0 Added
Fonts.Japanese.chromium.png 0 Added
Fonts.Korean.chromium.png 0 Added
Fonts.Thai.chromium.png 0 Added
Fonts.Vietnamese.chromium.png 0 Added
Fonts.Weights.chromium.png 0 Added
Fonts.West European.chromium.png 0 Added
Fonts.Arabic.default.chromium.png 0 Removed
Fonts.Armenian.default.chromium.png 0 Removed
Fonts.Chinese (Simplified).default.chromium.png 0 Removed
Fonts.Chinese (Traditional).default.chromium.png 0 Removed
Fonts.Cyrillic.default.chromium.png 0 Removed
Fonts.East European.default.chromium.png 0 Removed
Fonts.Georgian.default.chromium.png 0 Removed
Fonts.Greek.default.chromium.png 0 Removed
Fonts.Hebrew.default.chromium.png 0 Removed
Fonts.Hindi.default.chromium.png 0 Removed
Fonts.Japanese.default.chromium.png 0 Removed
Fonts.Korean.default.chromium.png 0 Removed
Fonts.Thai.default.chromium.png 0 Removed
Fonts.Vietnamese.default.chromium.png 0 Removed
Fonts.Weights.default.chromium.png 0 Removed
Fonts.West European.default.chromium.png 0 Removed
GroupedList 8 screenshots
Image Name Diff(in Pixels) Image Type
GroupedList.Root RTL.chromium.png 0 Added
GroupedList.Root.chromium.png 0 Added
GroupedList.Root - RTL.click.chromium.png 0 Removed
GroupedList.Root - RTL.default.chromium.png 0 Removed
GroupedList.Root - RTL.hover.chromium.png 0 Removed
GroupedList.Root.click.chromium.png 0 Removed
GroupedList.Root.default.chromium.png 0 Removed
GroupedList.Root.hover.chromium.png 0 Removed
HoverCard 6 screenshots
Image Name Diff(in Pixels) Image Type
HoverCard.Root RTL.chromium.png 0 Added
HoverCard.Root.chromium.png 0 Added
HoverCard.Root - RTL.default.chromium.png 0 Removed
HoverCard.Root - RTL.fully expanded with test content.chromium.png 0 Removed
HoverCard.Root.default.chromium.png 0 Removed
HoverCard.Root.fully expanded with test content.chromium.png 0 Removed
Icon 6 screenshots
Image Name Diff(in Pixels) Image Type
Icon.Color.chromium.png 0 Added
Icon.Image.chromium.png 0 Added
Icon.Root.chromium.png 0 Added
Icon.Color.default.chromium.png 0 Removed
Icon.Image.default.chromium.png 0 Removed
Icon.Root.default.chromium.png 0 Removed
IconButton Scenarios (compat) 6 screenshots
Image Name Diff(in Pixels) Image Type
IconButton Scenarios (compat).icon button with menu.chromium.png 0 Added
IconButton Scenarios (compat).normal icon button.chromium.png 0 Added
IconButton Scenarios (compat).icon button with menu.hover icon.chromium.png 0 Removed
IconButton Scenarios (compat).icon button with menu.icon.chromium.png 0 Removed
IconButton Scenarios (compat).normal icon button.hover icon.chromium.png 0 Removed
IconButton Scenarios (compat).normal icon button.icon.chromium.png 0 Removed
Image 42 screenshots
Image Name Diff(in Pixels) Image Type
Image.Fit- CenterContain, image larger.chromium.png 0 Added
Image.Fit- CenterContain, image smaller.chromium.png 0 Added
Image.Fit- CenterContain, image taller.chromium.png 0 Added
Image.Fit- CenterContain, image wider.chromium.png 0 Added
Image.Fit- center, image larger.chromium.png 0 Added
Image.Fit- center, image smaller.chromium.png 0 Added
Image.Fit- centerCover, image larger.chromium.png 0 Added
Image.Fit- centerCover, image smaller.chromium.png 0 Added
Image.Fit- centerCover, image taller.chromium.png 0 Added
Image.Fit- centerCover, image wider.chromium.png 0 Added
Image.Fit- contain, image taller.chromium.png 0 Added
Image.Fit- contain, image wider.chromium.png 0 Added
Image.Fit- cover, image taller.chromium.png 0 Added
Image.Fit- cover, image wider.chromium.png 0 Added
Image.Fit- none, image larger.chromium.png 0 Added
Image.Fit- none, image smaller.chromium.png 0 Added
Image.Maximize frame, landscape container.chromium.png 0 Added
Image.Maximize frame, portrait container.chromium.png 0 Added
Image.No fit, no w-h.chromium.png 0 Added
Image.No fit, only height.chromium.png 0 Added
Image.No fit, only width.chromium.png 0 Added
Image.Fit- CenterContain, image larger.default.chromium.png 0 Removed
Image.Fit- CenterContain, image smaller.default.chromium.png 0 Removed
Image.Fit- CenterContain, image taller.default.chromium.png 0 Removed
Image.Fit- CenterContain, image wider.default.chromium.png 0 Removed
Image.Fit- center, image larger.default.chromium.png 0 Removed
Image.Fit- center, image smaller.default.chromium.png 0 Removed
Image.Fit- centerCover, image larger.default.chromium.png 0 Removed
Image.Fit- centerCover, image smaller.default.chromium.png 0 Removed
Image.Fit- centerCover, image taller.default.chromium.png 0 Removed
Image.Fit- centerCover, image wider.default.chromium.png 0 Removed
Image.Fit- contain, image taller.default.chromium.png 0 Removed
Image.Fit- contain, image wider.default.chromium.png 0 Removed
Image.Fit- cover, image taller.default.chromium.png 0 Removed
Image.Fit- cover, image wider.default.chromium.png 0 Removed
Image.Fit- none, image larger.default.chromium.png 0 Removed
Image.Fit- none, image smaller.default.chromium.png 0 Removed
Image.Maximize frame, landscape container.default.chromium.png 0 Removed
Image.Maximize frame, portrait container.default.chromium.png 0 Removed
Image.No fit, no w-h.default.chromium.png 0 Removed
Image.No fit, only height.default.chromium.png 0 Removed
Image.No fit, only width.default.chromium.png 0 Removed
Keytip 6 screenshots
Image Name Diff(in Pixels) Image Type
Keytip.Disabled.chromium.png 0 Added
Keytip.Offset.chromium.png 0 Added
Keytip.Root.chromium.png 0 Added
Keytip.Disabled.default.chromium.png 0 Removed
Keytip.Offset.default.chromium.png 0 Removed
Keytip.Root.default.chromium.png 0 Removed
Label 8 screenshots
Image Name Diff(in Pixels) Image Type
Label.Disabled.chromium.png 0 Added
Label.Required.chromium.png 0 Added
Label.Root RTL.chromium.png 0 Added
Label.Root.chromium.png 0 Added
Label.Disabled.default.chromium.png 0 Removed
Label.Required.default.chromium.png 0 Removed
Label.Root - RTL.default.chromium.png 0 Removed
Label.Root.default.chromium.png 0 Removed
Layer 4 screenshots
Image Name Diff(in Pixels) Image Type
Layer.Root RTL.chromium.png 0 Added
Layer.Root.chromium.png 0 Added
Layer.Root - RTL.default.chromium.png 0 Removed
Layer.Root.default.chromium.png 0 Removed
Link 35 screenshots
Image Name Diff(in Pixels) Image Type
Link.Disabled.chromium.png 0 Added
Link.No Href Disabled.chromium.png 0 Added
Link.No Href.chromium.png 0 Added
Link.Root RTL.chromium.png 0 Added
Link.Root.chromium.png 0 Added
Link.Underlined Disabled.chromium.png 0 Added
Link.Underlined.chromium.png 0 Added
Link.Disabled.click.chromium.png 0 Removed
Link.Disabled.default.chromium.png 0 Removed
Link.Disabled.focus.chromium.png 0 Removed
Link.Disabled.hover.chromium.png 0 Removed
Link.No Href Disabled.click.chromium.png 0 Removed
Link.No Href Disabled.default.chromium.png 0 Removed
Link.No Href Disabled.focus.chromium.png 0 Removed
Link.No Href Disabled.hover.chromium.png 0 Removed
Link.No Href.click.chromium.png 0 Removed
Link.No Href.default.chromium.png 0 Removed
Link.No Href.focus.chromium.png 0 Removed
Link.No Href.hover.chromium.png 0 Removed
Link.Root - RTL.click.chromium.png 0 Removed
Link.Root - RTL.default.chromium.png 0 Removed
Link.Root - RTL.focus.chromium.png 0 Removed
Link.Root - RTL.hover.chromium.png 0 Removed
Link.Root.click.chromium.png 0 Removed
Link.Root.default.chromium.png 0 Removed
Link.Root.focus.chromium.png 0 Removed
Link.Root.hover.chromium.png 0 Removed
Link.Underlined Disabled.click.chromium.png 0 Removed
Link.Underlined Disabled.default.chromium.png 0 Removed
Link.Underlined Disabled.focus.chromium.png 0 Removed
Link.Underlined Disabled.hover.chromium.png 0 Removed
Link.Underlined.click.chromium.png 0 Removed
Link.Underlined.default.chromium.png 0 Removed
Link.Underlined.focus.chromium.png 0 Removed
Link.Underlined.hover.chromium.png 0 Removed
List 4 screenshots
Image Name Diff(in Pixels) Image Type
List.Root RTL.chromium.png 0 Added
List.Root.chromium.png 0 Added
List.Root - RTL.default.chromium.png 0 Removed
List.Root.default.chromium.png 0 Removed
MediaTile 12 screenshots
Image Name Diff(in Pixels) Image Type
MediaTile.Media tile with nameplate hidden until hover.chromium.png 0 Added
MediaTile.Media tile with single activity line.chromium.png 0 Added
MediaTile.Media tile with two activity lines.chromium.png 0 Added
MediaTile.Media tile with very long name and activity.chromium.png 0 Added
MediaTile.Media tile with nameplate hidden until hover.default.chromium.png 0 Removed
MediaTile.Media tile with nameplate hidden until hover.hover.chromium.png 0 Removed
MediaTile.Media tile with single activity line.default.chromium.png 0 Removed
MediaTile.Media tile with single activity line.hover.chromium.png 0 Removed
MediaTile.Media tile with two activity lines.default.chromium.png 0 Removed
MediaTile.Media tile with two activity lines.hover.chromium.png 0 Removed
MediaTile.Media tile with very long name and activity.default.chromium.png 0 Removed
MediaTile.Media tile with very long name and activity.hover.chromium.png 0 Removed
MessageBar 48 screenshots
Image Name Diff(in Pixels) Image Type
MessageBar.Blocked.chromium.png 0 Added
MessageBar.Error.chromium.png 0 Added
MessageBar.Root Actions RTL.chromium.png 0 Added
MessageBar.Root Actions Single Line RTL.chromium.png 0 Added
MessageBar.Root Dismiss And Action RTL.chromium.png 0 Added
MessageBar.Root Dismiss And Action Single Line RTL.chromium.png 0 Added
MessageBar.Root Dismiss RTL.chromium.png 0 Added
MessageBar.Root Multiline RTL.chromium.png 0 Added
MessageBar.Root Overflow RTL.chromium.png 0 Added
MessageBar.Root RTL.chromium.png 0 Added
MessageBar.Root Truncated RTL.chromium.png 0 Added
MessageBar.Root actions single line.chromium.png 0 Added
MessageBar.Root actions.chromium.png 0 Added
MessageBar.Root dismiss and action single line.chromium.png 0 Added
MessageBar.Root dismiss and action.chromium.png 0 Added
MessageBar.Root dismiss single line.chromium.png 0 Added
MessageBar.Root dismiss.chromium.png 0 Added
MessageBar.Root multiline.chromium.png 0 Added
MessageBar.Root overflow.chromium.png 0 Added
MessageBar.Root truncated.chromium.png 0 Added
MessageBar.Root.chromium.png 0 Added
MessageBar.Severe Warning.chromium.png 0 Added
MessageBar.Success.chromium.png 0 Added
MessageBar.Warning.chromium.png 0 Added
MessageBar.Blocked.default.chromium.png 0 Removed
MessageBar.Error.default.chromium.png 0 Removed
MessageBar.Root - RTL.default.chromium.png 0 Removed
MessageBar.Root actions - RTL.default.chromium.png 0 Removed
MessageBar.Root actions single line - RTL.default.chromium.png 0 Removed
MessageBar.Root actions single line.default.chromium.png 0 Removed
MessageBar.Root actions.default.chromium.png 0 Removed
MessageBar.Root dismiss - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action single line - RTL.default.chromium.png 0 Removed
MessageBar.Root dismiss and action single line.default.chromium.png 0 Removed
MessageBar.Root dismiss and action.default.chromium.png 0 Removed
MessageBar.Root dismiss single line.default.chromium.png 0 Removed
MessageBar.Root dismiss.default.chromium.png 0 Removed
MessageBar.Root multiline - RTL.default.chromium.png 0 Removed
MessageBar.Root multiline.default.chromium.png 0 Removed
MessageBar.Root overflow - RTL.default.chromium.png 0 Removed
MessageBar.Root overflow.default.chromium.png 0 Removed
MessageBar.Root truncated - RTL.default.chromium.png 0 Removed
MessageBar.Root truncated.default.chromium.png 0 Removed
MessageBar.Root.default.chromium.png 0 Removed
MessageBar.Severe Warning.default.chromium.png 0 Removed
MessageBar.Success.default.chromium.png 0 Removed
MessageBar.Warning.default.chromium.png 0 Removed
Modal 4 screenshots
Image Name Diff(in Pixels) Image Type
Modal.Modeless.chromium.png 0 Added
Modal.Root.chromium.png 0 Added
Modal.Modeless.default.chromium.png 0 Removed
Modal.Root.default.chromium.png 0 Removed
Nav 16 screenshots
Image Name Diff(in Pixels) Image Type
Nav.Disabled RTL.chromium.png 0 Added
Nav.Disabled.chromium.png 0 Added
Nav.Root RTL.chromium.png 0 Added
Nav.Root.chromium.png 0 Added
Nav.Disabled - RTL.click.chromium.png 0 Removed
Nav.Disabled - RTL.default.chromium.png 0 Removed
Nav.Disabled - RTL.hover.chromium.png 0 Removed
Nav.Disabled.click.chromium.png 0 Removed
Nav.Disabled.default.chromium.png 0 Removed
Nav.Disabled.hover.chromium.png 0 Removed
Nav.Root - RTL.click.chromium.png 0 Removed
Nav.Root - RTL.default.chromium.png 0 Removed
Nav.Root - RTL.hover.chromium.png 0 Removed
Nav.Root.click.chromium.png 0 Removed
Nav.Root.default.chromium.png 0 Removed
Nav.Root.hover.chromium.png 0 Removed
OverflowSet 6 screenshots
Image Name Diff(in Pixels) Image Type
OverflowSet.Root RTL.chromium.png 0 Added
OverflowSet.Root.chromium.png 0 Added
OverflowSet.Root - RTL.default.chromium.png 0 Removed
OverflowSet.Root - RTL.default.chromium_1.png 0 Removed
OverflowSet.Root.default.chromium.png 0 Removed
OverflowSet.Root.default.chromium_1.png 0 Removed
OverflowSet variant 2 screenshots
Image Name Diff(in Pixels) Image Type
OverflowSet variant.Vertical Direction.chromium.png 0 Added
OverflowSet variant.Vertical Direction.default.chromium.png 0 Removed
Overlay 6 screenshots
Image Name Diff(in Pixels) Image Type
Overlay.Dark.chromium.png 0 Added
Overlay.Root RTL.chromium.png 0 Added
Overlay.Root.chromium.png 0 Added
Overlay.Dark.default.chromium.png 0 Removed
Overlay.Root - RTL.default.chromium.png 0 Removed
Overlay.Root.default.chromium.png 0 Removed
Panel 38 screenshots
Image Name Diff(in Pixels) Image Type
Panel.Custom anchored left.chromium.png 0 Added
Panel.Custom.chromium.png 0 Added
Panel.Extra large right.chromium.png 0 Added
Panel.Large fixed right.chromium.png 0 Added
Panel.Large right.chromium.png 0 Added
Panel.Medium Right RTL.chromium.png 0 Added
Panel.Medium right.chromium.png 0 Added
Panel.Search Box And Right Panel RTL.chromium.png 0 Added
Panel.SearchBox and Right Panel.chromium.png 0 Added
Panel.Small Fixed Right W Close Button RTL.chromium.png 0 Added
Panel.Small Left W Close Button RTL.chromium.png 0 Added
Panel.Small fixed right w- close button.chromium.png 0 Added
Panel.Small fluid right.chromium.png 0 Added
Panel.Small left w- close button.chromium.png 0 Added
Panel.With custom navigation.chromium.png 0 Added
Panel.With footer at the bottom.chromium.png 0 Added
Panel.With no header, close button.chromium.png 0 Added
Panel.With no navigation.chromium.png 0 Added
Panel.Custom anchored left.default.chromium.png 0 Removed
Panel.Custom.default.chromium.png 0 Removed
Panel.Extra large right.default.chromium.png 0 Removed
Panel.Large fixed right.default.chromium.png 0 Removed
Panel.Large right.default.chromium.png 0 Removed
Panel.Medium right - RTL.default.chromium.png 0 Removed
Panel.Medium right.default.chromium.png 0 Removed
Panel.SearchBox and Right Panel - RTL.click.chromium.png 0 Removed
Panel.SearchBox and Right Panel - RTL.default.chromium.png 0 Removed
Panel.SearchBox and Right Panel.click.chromium.png 0 Removed
Panel.SearchBox and Right Panel.default.chromium.png 0 Removed
Panel.Small fixed right w- close button - RTL.default.chromium.png 0 Removed
Panel.Small fixed right w- close button.default.chromium.png 0 Removed
Panel.Small fluid right.default.chromium.png 0 Removed
Panel.Small left w- close button - RTL.default.chromium.png 0 Removed
Panel.Small left w- close button.default.chromium.png 0 Removed
Panel.With custom navigation.default.chromium.png 0 Removed
Panel.With footer at the bottom.default.chromium.png 0 Removed
Panel.With no header, close button.default.chromium.png 0 Removed
Panel.With no navigation.default.chromium.png 0 Removed
PeoplePicker 36 screenshots
Image Name Diff(in Pixels) Image Type
PeoplePicker.Compact Selected RTL.chromium.png 0 Added
PeoplePicker.Compact selected.chromium.png 0 Added
PeoplePicker.Compact.chromium.png 0 Added
PeoplePicker.List Selected RTL.chromium.png 0 Added
PeoplePicker.List selected.chromium.png 0 Added
PeoplePicker.List.chromium.png 0 Added
PeoplePicker.Normal Overflow Selected RTL.chromium.png 0 Added
PeoplePicker.Normal Overflow selected.chromium.png 0 Added
PeoplePicker.Normal Selected RTL.chromium.png 0 Added
PeoplePicker.Normal selected.chromium.png 0 Added
PeoplePicker.Normal with text.chromium.png 0 Added
PeoplePicker.Normal.chromium.png 0 Added
PeoplePicker.Compact selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Compact selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Compact selected.default.chromium.png 0 Removed
PeoplePicker.Compact selected.suggestions.chromium.png 0 Removed
PeoplePicker.Compact.default.chromium.png 0 Removed
PeoplePicker.Compact.suggestions.chromium.png 0 Removed
PeoplePicker.List selected - RTL.default.chromium.png 0 Removed
PeoplePicker.List selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.List selected.default.chromium.png 0 Removed
PeoplePicker.List selected.suggestions.chromium.png 0 Removed
PeoplePicker.List.default.chromium.png 0 Removed
PeoplePicker.List.suggestions.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected.default.chromium.png 0 Removed
PeoplePicker.Normal Overflow selected.suggestions.chromium.png 0 Removed
PeoplePicker.Normal selected - RTL.default.chromium.png 0 Removed
PeoplePicker.Normal selected - RTL.suggestions.chromium.png 0 Removed
PeoplePicker.Normal selected.default.chromium.png 0 Removed
PeoplePicker.Normal selected.suggestions.chromium.png 0 Removed
PeoplePicker.Normal with text.default.chromium.png 0 Removed
PeoplePicker.Normal with text.suggestion- a .chromium.png 0 Removed
PeoplePicker.Normal.default.chromium.png 0 Removed
PeoplePicker.Normal.suggestions.chromium.png 0 Removed
Persona 32 screenshots
Image Name Diff(in Pixels) Image Type
Persona.Initials RTL.chromium.png 0 Added
Persona.Initials.chromium.png 0 Added
Persona.Persona with children.chromium.png 0 Added
Persona.Size 100 Extra Large RTL.chromium.png 0 Added
Persona.Size 120 RTL.chromium.png 0 Added
Persona.default size, details hidden.chromium.png 0 Added
Persona.default size, presences.chromium.png 0 Added
Persona.size10 (tiny).chromium.png 0 Added
Persona.size100 (extraLarge).chromium.png 0 Added
Persona.size120.chromium.png 0 Added
Persona.size24 (extraExtraSmall).chromium.png 0 Added
Persona.size28 (extraSmall).chromium.png 0 Added
Persona.size32.chromium.png 0 Added
Persona.size40 (small).chromium.png 0 Added
Persona.size48 (regular).chromium.png 0 Added
Persona.size72 (large).chromium.png 0 Added
Persona.Initials - RTL.default.chromium.png 0 Removed
Persona.Initials.default.chromium.png 0 Removed
Persona.Persona with children.default.chromium.png 0 Removed
Persona.default size, details hidden.default.chromium.png 0 Removed
Persona.default size, presences.default.chromium.png 0 Removed
Persona.size10 (tiny).default.chromium.png 0 Removed
Persona.size100 (extraLarge) - RTL.default.chromium.png 0 Removed
Persona.size100 (extraLarge).default.chromium.png 0 Removed
Persona.size120 - RTL.default.chromium.png 0 Removed
Persona.size120.default.chromium.png 0 Removed
Persona.size24 (extraExtraSmall).default.chromium.png 0 Removed
Persona.size28 (extraSmall).default.chromium.png 0 Removed
Persona.size32.default.chromium.png 0 Removed
Persona.size40 (small).default.chromium.png 0 Removed
Persona.size48 (regular).default.chromium.png 0 Removed
Persona.size72 (large).default.chromium.png 0 Removed
Pivot 35 screenshots
Image Name Diff(in Pixels) Image Type
Pivot.Count And Icon RTL.chromium.png 0 Added
Pivot.Count and icon.chromium.png 0 Added
Pivot.Large.chromium.png 0 Added
Pivot.Root.chromium.png 0 Added
Pivot.Tabs RTL.chromium.png 0 Added
Pivot.Tabs large.chromium.png 0 Added
Pivot.Tabs.chromium.png 0 Added
Pivot.Count and icon - RTL.click.chromium.png 0 Removed
Pivot.Count and icon - RTL.default.chromium.png 0 Removed
Pivot.Count and icon - RTL.hover-selected.chromium.png 0 Removed
Pivot.Count and icon - RTL.hover.chromium.png 0 Removed
Pivot.Count and icon.click.chromium.png 0 Removed
Pivot.Count and icon.default.chromium.png 0 Removed
Pivot.Count and icon.hover-selected.chromium.png 0 Removed
Pivot.Count and icon.hover.chromium.png 0 Removed
Pivot.Large.click.chromium.png 0 Removed
Pivot.Large.default.chromium.png 0 Removed
Pivot.Large.hover-selected.chromium.png 0 Removed
Pivot.Large.hover.chromium.png 0 Removed
Pivot.Root.click.chromium.png 0 Removed
Pivot.Root.default.chromium.png 0 Removed
Pivot.Root.hover-selected.chromium.png 0 Removed
Pivot.Root.hover.chromium.png 0 Removed
Pivot.Tabs - RTL.click.chromium.png 0 Removed
Pivot.Tabs - RTL.default.chromium.png 0 Removed
Pivot.Tabs - RTL.hover-selected.chromium.png 0 Removed
Pivot.Tabs - RTL.hover.chromium.png 0 Removed
Pivot.Tabs large.click.chromium.png 0 Removed
Pivot.Tabs large.default.chromium.png 0 Removed
Pivot.Tabs large.hover-selected.chromium.png 0 Removed
Pivot.Tabs large.hover.chromium.png 0 Removed
Pivot.Tabs.click.chromium.png 0 Removed
Pivot.Tabs.default.chromium.png 0 Removed
Pivot.Tabs.hover-selected.chromium.png 0 Removed
Pivot.Tabs.hover.chromium.png 0 Removed
ProgressIndicator 8 screenshots
Image Name Diff(in Pixels) Image Type
ProgressIndicator.0%.chromium.png 0 Added
ProgressIndicator.100%.chromium.png 0 Added
ProgressIndicator.50 RTL.chromium.png 0 Added
ProgressIndicator.50%.chromium.png 0 Added
ProgressIndicator.0%.default.chromium.png 0 Removed
ProgressIndicator.100%.default.chromium.png 0 Removed
ProgressIndicator.50% - RTL.default.chromium.png 0 Removed
ProgressIndicator.50%.default.chromium.png 0 Removed
Rating 15 screenshots
Image Name Diff(in Pixels) Image Type
Rating.Disabled.chromium.png 0 Added
Rating.Large.chromium.png 0 Added
Rating.Rated RTL.chromium.png 0 Added
Rating.Rated.chromium.png 0 Added
Rating.Root.chromium.png 0 Added
Rating.Disabled.click.chromium.png 0 Removed
Rating.Disabled.default.chromium.png 0 Removed
Rating.Large.click.chromium.png 0 Removed
Rating.Large.default.chromium.png 0 Removed
Rating.Rated - RTL.click.chromium.png 0 Removed
Rating.Rated - RTL.default.chromium.png 0 Removed
Rating.Rated.click.chromium.png 0 Removed
Rating.Rated.default.chromium.png 0 Removed
Rating.Root.click.chromium.png 0 Removed
Rating.Root.default.chromium.png 0 Removed
ResizeGroup 6 screenshots
Image Name Diff(in Pixels) Image Type
ResizeGroup.Root RTL.chromium.png 0 Added
ResizeGroup.Root.chromium.png 0 Added
ResizeGroup.Root - RTL.click overflow.chromium.png 0 Removed
ResizeGroup.Root - RTL.default.chromium.png 0 Removed
ResizeGroup.Root.click overflow.chromium.png 0 Removed
ResizeGroup.Root.default.chromium.png 0 Removed
ScrollablePane 3 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane.Default ScrollablePane Example.chromium.png 0 Added
ScrollablePane.Default ScrollablePane Example.default.chromium.png 0 Removed
ScrollablePane.Default ScrollablePane Example.scrolled.chromium.png 0 Removed
ScrollablePane Details List 5 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.chromium.png 0 Added
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.default.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll down by a small amount so that the first row is still visible.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll down to the bottom.chromium.png 0 Removed
ScrollablePane Details List.ScrollablePane Details List with sticky header & footer.scroll up to the top.chromium.png 0 Removed
ScrollablePane Grouped Details List 12 screenshots
Image Name Diff(in Pixels) Image Type
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.chromium.png 0 Added
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.If groups are expanded, on horizontal scroll, over scroll should not happen for content container.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.If groups are expanded, when header becomes sticky, horizontal scrollbar should be visible.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.On expanding a group, horizontal scrollbar should be visible.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling down to the bottom with non-zero scrollLeft.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling down to the bottom.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling up to the top with non-zero scrollLeft.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility after scrolling up to the top.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility when header is sticky and scrollLeft is non-zero.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibility when header is sticky.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.Scrollbars visibilty after scrolling left.chromium.png 0 Removed
ScrollablePane Grouped Details List.ScrollablePane scrollbars visibility.default- scrollbars should be visible.chromium.png 0 Removed
SearchBox 18 screenshots
Image Name Diff(in Pixels) Image Type
SearchBox.Full RTL.chromium.png 0 Added
SearchBox.Full.chromium.png 0 Added
SearchBox.Root RTL.chromium.png 0 Added
SearchBox.Root.chromium.png 0 Added
SearchBox.Show Icon RTL.chromium.png 0 Added
SearchBox.ShowIcon.chromium.png 0 Added
SearchBox.Full - RTL.default.chromium.png 0 Removed
SearchBox.Full - RTL.default.chromium_1.png 0 Removed
SearchBox.Full.default.chromium.png 0 Removed
SearchBox.Full.default.chromium_1.png 0 Removed
SearchBox.Root - RTL.default.chromium.png 0 Removed
SearchBox.Root - RTL.default.chromium_1.png 0 Removed
SearchBox.Root.default.chromium.png 0 Removed
SearchBox.Root.default.chromium_1.png 0 Removed
SearchBox.ShowIcon - RTL.default.chromium.png 0 Removed
SearchBox.ShowIcon - RTL.default.chromium_1.png 0 Removed
SearchBox.ShowIcon.default.chromium.png 0 Removed
SearchBox.ShowIcon.default.chromium_1.png 0 Removed
Separator 24 screenshots
Image Name Diff(in Pixels) Image Type
Separator.Horizontal End Aligned RTL.chromium.png 0 Added
Separator.Horizontal End Aligned.chromium.png 0 Added
Separator.Horizontal Start Aligned RTL.chromium.png 0 Added
Separator.Horizontal Start Aligned.chromium.png 0 Added
Separator.Root RTL.chromium.png 0 Added
Separator.Root.chromium.png 0 Added
Separator.Vertical Center Aligned RTL.chromium.png 0 Added
Separator.Vertical Center Aligned.chromium.png 0 Added
Separator.Vertical End Aligned RTL.chromium.png 0 Added
Separator.Vertical End Aligned.chromium.png 0 Added
Separator.Vertical Start Aligned RTL.chromium.png 0 Added
Separator.Vertical Start Aligned.chromium.png 0 Added
Separator.Horizontal End Aligned - RTL.default.chromium.png 0 Removed
Separator.Horizontal End Aligned.default.chromium.png 0 Removed
Separator.Horizontal Start Aligned - RTL.default.chromium.png 0 Removed
Separator.Horizontal Start Aligned.default.chromium.png 0 Removed
Separator.Root - RTL.default.chromium.png 0 Removed
Separator.Root.default.chromium.png 0 Removed
Separator.Vertical Center Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical Center Aligned.default.chromium.png 0 Removed
Separator.Vertical End Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical End Aligned.default.chromium.png 0 Removed
Separator.Vertical Start Aligned - RTL.default.chromium.png 0 Removed
Separator.Vertical Start Aligned.default.chromium.png 0 Removed
Shimmer 16 screenshots
Image Name Diff(in Pixels) Image Type
Shimmer.50% width.chromium.png 0 Added
Shimmer.Basic.chromium.png 0 Added
Shimmer.Circle Gap Line RTL.chromium.png 0 Added
Shimmer.Circle Gap Line.chromium.png 0 Added
Shimmer.Custom elements on themed background.chromium.png 0 Added
Shimmer.Custom elements.chromium.png 0 Added
Shimmer.Data loaded.chromium.png 0 Added
Shimmer.Data not loaded.chromium.png 0 Added
Shimmer.50% width.default.chromium.png 0 Removed
Shimmer.Basic.default.chromium.png 0 Removed
Shimmer.Circle Gap Line - RTL.default.chromium.png 0 Removed
Shimmer.Circle Gap Line.default.chromium.png 0 Removed
Shimmer.Custom elements on themed background.default.chromium.png 0 Removed
Shimmer.Custom elements.default.chromium.png 0 Removed
Shimmer.Data loaded.default.chromium.png 0 Removed
Shimmer.Data not loaded.default.chromium.png 0 Removed
Signals 42 screenshots
Image Name Diff(in Pixels) Image Type
Signals.Awaiting approval.chromium.png 0 Added
Signals.Blocked.chromium.png 0 Added
Signals.Comments (count).chromium.png 0 Added
Signals.Comments.chromium.png 0 Added
Signals.Emailed.chromium.png 0 Added
Signals.Follow.chromium.png 0 Added
Signals.Malware detected.chromium.png 0 Added
Signals.Mention.chromium.png 0 Added
Signals.Missing metadata.chromium.png 0 Added
Signals.New (positioning).chromium.png 0 Added
Signals.New.chromium.png 0 Added
Signals.NotFollow.chromium.png 0 Added
Signals.Read-only.chromium.png 0 Added
Signals.Record.chromium.png 0 Added
Signals.Shared.chromium.png 0 Added
Signals.Someone checked out.chromium.png 0 Added
Signals.Trending.chromium.png 0 Added
Signals.Unseen edit.chromium.png 0 Added
Signals.Unseen reply.chromium.png 0 Added
Signals.Warning.chromium.png 0 Added
Signals.You checked out.chromium.png 0 Added
Signals.Awaiting approval.default.chromium.png 0 Removed
Signals.Blocked.default.chromium.png 0 Removed
Signals.Comments (count).default.chromium.png 0 Removed
Signals.Comments.default.chromium.png 0 Removed
Signals.Emailed.default.chromium.png 0 Removed
Signals.Follow.default.chromium.png 0 Removed
Signals.Malware detected.default.chromium.png 0 Removed
Signals.Mention.default.chromium.png 0 Removed
Signals.Missing metadata.default.chromium.png 0 Removed
Signals.New (positioning).default.chromium.png 0 Removed
Signals.New.default.chromium.png 0 Removed
Signals.NotFollow.default.chromium.png 0 Removed
Signals.Read-only.default.chromium.png 0 Removed
Signals.Record.default.chromium.png 0 Removed
Signals.Shared.default.chromium.png 0 Removed
Signals.Someone checked out.default.chromium.png 0 Removed
Signals.Trending.default.chromium.png 0 Removed
Signals.Unseen edit.default.chromium.png 0 Removed
Signals.Unseen reply.default.chromium.png 0 Removed
Signals.Warning.default.chromium.png 0 Removed
Signals.You checked out.default.chromium.png 0 Removed
Slider 21 screenshots
Image Name Diff(in Pixels) Image Type
Slider.Disabled.chromium.png 0 Added
Slider.EqualMinMax.chromium.png 0 Added
Slider.Max not multiple of step.chromium.png 0 Added
Slider.Root RTL.chromium.png 0 Added
Slider.Root.chromium.png 0 Added
Slider.Step less than 1.chromium.png 0 Added
Slider.Vertical.chromium.png 0 Added
Slider.Disabled.default.chromium.png 0 Removed
Slider.Disabled.hover.chromium.png 0 Removed
Slider.EqualMinMax.default.chromium.png 0 Removed
Slider.EqualMinMax.hover.chromium.png 0 Removed
Slider.Max not multiple of step.default.chromium.png 0 Removed
Slider.Max not multiple of step.hover.chromium.png 0 Removed
Slider.Root - RTL.default.chromium.png 0 Removed
Slider.Root - RTL.hover.chromium.png 0 Removed
Slider.Root.default.chromium.png 0 Removed
Slider.Root.hover.chromium.png 0 Removed
Slider.Step less than 1.default.chromium.png 0 Removed
Slider.Step less than 1.hover.chromium.png 0 Removed
Slider.Vertical.default.chromium.png 0 Removed
Slider.Vertical.hover.chromium.png 0 Removed
SpinButton 40 screenshots
Image Name Diff(in Pixels) Image Type
SpinButton.Disabled.chromium.png 0 Added
SpinButton.Label At End RTL.chromium.png 0 Added
SpinButton.Label At End With Icon RTL.chromium.png 0 Added
SpinButton.Label at end with icon.chromium.png 0 Added
SpinButton.Label at end.chromium.png 0 Added
SpinButton.Label on bottom with icon.chromium.png 0 Added
SpinButton.Label on bottom.chromium.png 0 Added
SpinButton.Label on top with icon.chromium.png 0 Added
SpinButton.Label on top.chromium.png 0 Added
SpinButton.Root.chromium.png 0 Added
SpinButton.With Icon RTL.chromium.png 0 Added
SpinButton.With icon.chromium.png 0 Added
SpinButton.Disabled.click input.chromium.png 0 Removed
SpinButton.Disabled.default.chromium.png 0 Removed
SpinButton.Disabled.hover arrow.chromium.png 0 Removed
SpinButton.Disabled.hover input.chromium.png 0 Removed
SpinButton.Disabled.mouseDown arrow.chromium.png 0 Removed
SpinButton.Label at end - RTL.default.chromium.png 0 Removed
SpinButton.Label at end with icon - RTL.default.chromium.png 0 Removed
SpinButton.Label at end with icon.default.chromium.png 0 Removed
SpinButton.Label at end.default.chromium.png 0 Removed
SpinButton.Label on bottom with icon.default.chromium.png 0 Removed
SpinButton.Label on bottom.default.chromium.png 0 Removed
SpinButton.Label on top with icon.default.chromium.png 0 Removed
SpinButton.Label on top.default.chromium.png 0 Removed
SpinButton.Root.click input.chromium.png 0 Removed
SpinButton.Root.default.chromium.png 0 Removed
SpinButton.Root.hover arrow.chromium.png 0 Removed
SpinButton.Root.hover input.chromium.png 0 Removed
SpinButton.Root.mouseDown arrow.chromium.png 0 Removed
SpinButton.With icon - RTL.click input.chromium.png 0 Removed
SpinButton.With icon - RTL.default.chromium.png 0 Removed
SpinButton.With icon - RTL.hover arrow.chromium.png 0 Removed
SpinButton.With icon - RTL.hover input.chromium.png 0 Removed
SpinButton.With icon - RTL.mouseDown arrow.chromium.png 0 Removed
SpinButton.With icon.click input.chromium.png 0 Removed
SpinButton.With icon.default.chromium.png 0 Removed
SpinButton.With icon.hover arrow.chromium.png 0 Removed
SpinButton.With icon.hover input.chromium.png 0 Removed
SpinButton.With icon.mouseDown arrow.chromium.png 0 Removed
Spinner 16 screenshots
Image Name Diff(in Pixels) Image Type
Spinner.Extra small.chromium.png 0 Added
Spinner.Label at top.chromium.png 0 Added
Spinner.Label on the left.chromium.png 0 Added
Spinner.Label on the right.chromium.png 0 Added
Spinner.Label.chromium.png 0 Added
Spinner.Large.chromium.png 0 Added
Spinner.Medium.chromium.png 0 Added
Spinner.Small.chromium.png 0 Added
Spinner.Extra small.default.chromium.png 0 Removed
Spinner.Label at top.default.chromium.png 0 Removed
Spinner.Label on the left.default.chromium.png 0 Removed
Spinner.Label on the right.default.chromium.png 0 Removed
Spinner.Label.default.chromium.png 0 Removed
Spinner.Large.default.chromium.png 0 Removed
Spinner.Medium.default.chromium.png 0 Removed
Spinner.Small.default.chromium.png 0 Removed
Stack 88 screenshots
Image Name Diff(in Pixels) Image Type
Stack.Horizontal Stack - Bottom-aligned.chromium.png 0 Added
Stack.Horizontal Stack - Box shadow around items.chromium.png 0 Added
Stack.Horizontal Stack - Default.chromium.png 0 Added
Stack.Horizontal Stack - Gap.chromium.png 0 Added
Stack.Horizontal Stack - Growing items.chromium.png 0 Added
Stack.Horizontal Stack - Horizontally centered.chromium.png 0 Added
Stack.Horizontal Stack - Item alignments.chromium.png 0 Added
Stack.Horizontal Stack - Padding.chromium.png 0 Added
Stack.Horizontal Stack - Reversed.chromium.png 0 Added
Stack.Horizontal Stack - Right-aligned.chromium.png 0 Added
Stack.Horizontal Stack - Shrinking items.chromium.png 0 Added
Stack.Horizontal Stack - Space around.chromium.png 0 Added
Stack.Horizontal Stack - Space between.chromium.png 0 Added
Stack.Horizontal Stack - Space evenly.chromium.png 0 Added
Stack.Horizontal Stack - Vertically centered.chromium.png 0 Added
Stack.Horizontal Stack - Wrap with specified vertical gap.chromium.png 0 Added
Stack.Horizontal Stack - Wrap.chromium.png 0 Added
Stack.Horizontal Stack Default RTL.chromium.png 0 Added
Stack.Horizontal Stack Gap RTL.chromium.png 0 Added
Stack.Horizontal Stack Item Alignments RTL.chromium.png 0 Added
Stack.Horizontal Stack Reversed RTL.chromium.png 0 Added
Stack.Horizontal Stack Right Aligned RTL.chromium.png 0 Added
Stack.Horizontal Stack Wrap RTL.chromium.png 0 Added
Stack.Vertical Stack - Bottom-aligned.chromium.png 0 Added
Stack.Vertical Stack - Box shadow around items.chromium.png 0 Added
Stack.Vertical Stack - Default.chromium.png 0 Added
Stack.Vertical Stack - Gap.chromium.png 0 Added
Stack.Vertical Stack - Growing items.chromium.png 0 Added
Stack.Vertical Stack - Horizontally centered.chromium.png 0 Added
Stack.Vertical Stack - Item alignments.chromium.png 0 Added
Stack.Vertical Stack - Padding.chromium.png 0 Added
Stack.Vertical Stack - Reversed.chromium.png 0 Added
Stack.Vertical Stack - Right-aligned.chromium.png 0 Added
Stack.Vertical Stack - Shrinking items.chromium.png 0 Added
Stack.Vertical Stack - Space around.chromium.png 0 Added
Stack.Vertical Stack - Space between.chromium.png 0 Added
Stack.Vertical Stack - Space evenly.chromium.png 0 Added
Stack.Vertical Stack - Vertically centered.chromium.png 0 Added
Stack.Vertical Stack - Wrap.chromium.png 0 Added
Stack.Vertical Stack Default RTL.chromium.png 0 Added
Stack.Vertical Stack Item Alignments RTL.chromium.png 0 Added
Stack.Vertical Stack Reversed RTL.chromium.png 0 Added
Stack.Vertical Stack Right Aligned RTL.chromium.png 0 Added
Stack.Vertical Stack Wrap RTL.chromium.png 0 Added
Stack.Horizontal Stack - Bottom-aligned.default.chromium.png 0 Removed
Stack.Horizontal Stack - Box shadow around items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Default - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Default.default.chromium.png 0 Removed
Stack.Horizontal Stack - Gap - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Gap.default.chromium.png 0 Removed
Stack.Horizontal Stack - Growing items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Horizontally centered.default.chromium.png 0 Removed
Stack.Horizontal Stack - Item alignments - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Item alignments.default.chromium.png 0 Removed
Stack.Horizontal Stack - Padding.default.chromium.png 0 Removed
Stack.Horizontal Stack - Reversed - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Reversed.default.chromium.png 0 Removed
Stack.Horizontal Stack - Right-aligned - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Right-aligned.default.chromium.png 0 Removed
Stack.Horizontal Stack - Shrinking items.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space around.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space between.default.chromium.png 0 Removed
Stack.Horizontal Stack - Space evenly.default.chromium.png 0 Removed
Stack.Horizontal Stack - Vertically centered.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap - RTL.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap with specified vertical gap.default.chromium.png 0 Removed
Stack.Horizontal Stack - Wrap.default.chromium.png 0 Removed
Stack.Vertical Stack - Bottom-aligned.default.chromium.png 0 Removed
Stack.Vertical Stack - Box shadow around items.default.chromium.png 0 Removed
Stack.Vertical Stack - Default - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Default.default.chromium.png 0 Removed
Stack.Vertical Stack - Gap.default.chromium.png 0 Removed
Stack.Vertical Stack - Growing items.default.chromium.png 0 Removed
Stack.Vertical Stack - Horizontally centered.default.chromium.png 0 Removed
Stack.Vertical Stack - Item alignments - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Item alignments.default.chromium.png 0 Removed
Stack.Vertical Stack - Padding.default.chromium.png 0 Removed
Stack.Vertical Stack - Reversed - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Reversed.default.chromium.png 0 Removed
Stack.Vertical Stack - Right-aligned - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Right-aligned.default.chromium.png 0 Removed
Stack.Vertical Stack - Shrinking items.default.chromium.png 0 Removed
Stack.Vertical Stack - Space around.default.chromium.png 0 Removed
Stack.Vertical Stack - Space between.default.chromium.png 0 Removed
Stack.Vertical Stack - Space evenly.default.chromium.png 0 Removed
Stack.Vertical Stack - Vertically centered.default.chromium.png 0 Removed
Stack.Vertical Stack - Wrap - RTL.default.chromium.png 0 Removed
Stack.Vertical Stack - Wrap.default.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header 8 screenshots
Image Name Diff(in Pixels) Image Type
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.chromium.png 0 Added
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.default.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll back to the top when horizontal scroll is non-zero.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down by a small amount so that the first row is still visible and the header becomes sticky.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down to the bottom.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll down when horizontal scroll is non-zero.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll right.chromium.png 0 Removed
Sticky breadcrumb and sticky details list header.ScrollablePane Sticky Breadcrumb Details List.scroll up to the top.chromium.png 0 Removed
SwatchColorPicker 49 screenshots
Image Name Diff(in Pixels) Image Type
SwatchColorPicker.Circle RTL.chromium.png 0 Added
SwatchColorPicker.Circle over 24px size.chromium.png 0 Added
SwatchColorPicker.Circle.chromium.png 0 Added
SwatchColorPicker.Disabled.chromium.png 0 Added
SwatchColorPicker.Multiple rows.chromium.png 0 Added
SwatchColorPicker.Square over 24px size.chromium.png 0 Added
SwatchColorPicker.Square.chromium.png 0 Added
SwatchColorPicker.Circle - RTL.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle - RTL.default.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle over 24px size.default.chromium.png 0 Removed
SwatchColorPicker.Circle.Focused.chromium.png 0 Removed
SwatchColorPicker.Circle.Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Circle.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Circle.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Circle.default.chromium.png 0 Removed
SwatchColorPicker.Disabled.Focused.chromium.png 0 Removed
SwatchColorPicker.Disabled.Hovered.chromium.png 0 Removed
SwatchColorPicker.Disabled.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Disabled.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Disabled.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Disabled.default.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Focused.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Hovered.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Multiple rows.default.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Focused.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Hovered.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Square over 24px size.default.chromium.png 0 Removed
SwatchColorPicker.Square.Focused.chromium.png 0 Removed
SwatchColorPicker.Square.Hovered.chromium.png 0 Removed
SwatchColorPicker.Square.Mousedown.chromium.png 0 Removed
SwatchColorPicker.Square.Selected and Focused.chromium.png 0 Removed
SwatchColorPicker.Square.Selected and Hovered.chromium.png 0 Removed
SwatchColorPicker.Square.default.chromium.png 0 Removed
TagItem 12 screenshots
Image Name Diff(in Pixels) Image Type
TagItem.Selected RTL.chromium.png 0 Added
TagItem.Selected.chromium.png 0 Added
TagItem.Selected - RTL.Tag Item Clear Button Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Clear Button Selected Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Hover.chromium.png 0 Removed
TagItem.Selected - RTL.Tag Item Select.chromium.png 0 Removed
TagItem.Selected - RTL.default.chromium.png 0 Removed
TagItem.Selected.Tag Item Clear Button Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Clear Button Selected Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Hover.chromium.png 0 Removed
TagItem.Selected.Tag Item Select.chromium.png 0 Removed
TagItem.Selected.default.chromium.png 0 Removed
TagPicker 14 screenshots
Image Name Diff(in Pixels) Image Type
TagPicker.Root.chromium.png 0 Added
TagPicker.Selected RTL.chromium.png 0 Added
TagPicker.Selected.chromium.png 0 Added
TagPicker.With long tag.chromium.png 0 Added
TagPicker.Root.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Root.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Root.default.chromium.png 0 Removed
TagPicker.Selected - RTL.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Selected - RTL.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Selected - RTL.default.chromium.png 0 Removed
TagPicker.Selected.Open Suggestion Menu.chromium.png 0 Removed
TagPicker.Selected.Suggestion Menu Item Hover.chromium.png 0 Removed
TagPicker.Selected.default.chromium.png 0 Removed
TagPicker.With long tag.default.chromium.png 0 Removed
TeachingBubble 6 screenshots
Image Name Diff(in Pixels) Image Type
TeachingBubble.SmallHeadline.chromium.png 0 Added
TeachingBubble.Wide Illustration RTL.chromium.png 0 Added
TeachingBubble.WideIllustration.chromium.png 0 Added
TeachingBubble.SmallHeadline.default.chromium.png 0 Removed
TeachingBubble.WideIllustration - RTL.default.chromium.png 0 Removed
TeachingBubble.WideIllustration.default.chromium.png 0 Removed
Text 10 screenshots
Image Name Diff(in Pixels) Image Type
Text.Block.chromium.png 0 Added
Text.No wrap.chromium.png 0 Added
Text.Root RTL.chromium.png 0 Added
Text.Root.chromium.png 0 Added
Text.Wrap.chromium.png 0 Added
Text.Block.default.chromium.png 0 Removed
Text.No wrap.default.chromium.png 0 Removed
Text.Root - RTL.default.chromium.png 0 Removed
Text.Root.default.chromium.png 0 Removed
Text.Wrap.default.chromium.png 0 Removed
TextField 80 screenshots
Image Name Diff(in Pixels) Image Type
TextField.Borderless.chromium.png 0 Added
TextField.Disabled.chromium.png 0 Added
TextField.Error RTL.chromium.png 0 Added
TextField.Error.chromium.png 0 Added
TextField.Icon RTL.chromium.png 0 Added
TextField.Icon.chromium.png 0 Added
TextField.Multiline RTL.chromium.png 0 Added
TextField.Multiline nonresizable.chromium.png 0 Added
TextField.Multiline.chromium.png 0 Added
TextField.Placeholder RTL.chromium.png 0 Added
TextField.Placeholder.chromium.png 0 Added
TextField.Prefix With Value Disabled And Prefix Style Override RTL.chromium.png 0 Added
TextField.Prefix With Value Disabled RTL.chromium.png 0 Added
TextField.Prefix with Value, Disabled, and Prefix Style-Override.chromium.png 0 Added
TextField.Prefix with Value, Disabled.chromium.png 0 Added
TextField.Required.chromium.png 0 Added
TextField.Root.chromium.png 0 Added
TextField.Suffix RTL.chromium.png 0 Added
TextField.Suffix.chromium.png 0 Added
TextField.Underlined.chromium.png 0 Added
TextField.Borderless.click.chromium.png 0 Removed
TextField.Borderless.default.chromium.png 0 Removed
TextField.Borderless.hover.chromium.png 0 Removed
TextField.Disabled.click.chromium.png 0 Removed
TextField.Disabled.default.chromium.png 0 Removed
TextField.Disabled.hover.chromium.png 0 Removed
TextField.Error - RTL.click.chromium.png 0 Removed
TextField.Error - RTL.default.chromium.png 0 Removed
TextField.Error - RTL.hover.chromium.png 0 Removed
TextField.Error.click.chromium.png 0 Removed
TextField.Error.default.chromium.png 0 Removed
TextField.Error.hover.chromium.png 0 Removed
TextField.Icon - RTL.click.chromium.png 0 Removed
TextField.Icon - RTL.default.chromium.png 0 Removed
TextField.Icon - RTL.hover.chromium.png 0 Removed
TextField.Icon.click.chromium.png 0 Removed
TextField.Icon.default.chromium.png 0 Removed
TextField.Icon.hover.chromium.png 0 Removed
TextField.Multiline - RTL.click.chromium.png 0 Removed
TextField.Multiline - RTL.default.chromium.png 0 Removed
TextField.Multiline - RTL.hover.chromium.png 0 Removed
TextField.Multiline nonresizable.click.chromium.png 0 Removed
TextField.Multiline nonresizable.default.chromium.png 0 Removed
TextField.Multiline nonresizable.hover.chromium.png 0 Removed
TextField.Multiline.click.chromium.png 0 Removed
TextField.Multiline.default.chromium.png 0 Removed
TextField.Multiline.hover.chromium.png 0 Removed
TextField.Placeholder - RTL.click.chromium.png 0 Removed
TextField.Placeholder - RTL.default.chromium.png 0 Removed
TextField.Placeholder - RTL.hover.chromium.png 0 Removed
TextField.Placeholder.click.chromium.png 0 Removed
TextField.Placeholder.default.chromium.png 0 Removed
TextField.Placeholder.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled - RTL.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override - RTL.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled, and Prefix Style-Override.hover.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.click.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.default.chromium.png 0 Removed
TextField.Prefix with Value, Disabled.hover.chromium.png 0 Removed
TextField.Required.click.chromium.png 0 Removed
TextField.Required.default.chromium.png 0 Removed
TextField.Required.hover.chromium.png 0 Removed
TextField.Root.click.chromium.png 0 Removed
TextField.Root.default.chromium.png 0 Removed
TextField.Root.hover.chromium.png 0 Removed
TextField.Suffix - RTL.click.chromium.png 0 Removed
TextField.Suffix - RTL.default.chromium.png 0 Removed
TextField.Suffix - RTL.hover.chromium.png 0 Removed
TextField.Suffix.click.chromium.png 0 Removed
TextField.Suffix.default.chromium.png 0 Removed
TextField.Suffix.hover.chromium.png 0 Removed
TextField.Underlined.click.chromium.png 0 Removed
TextField.Underlined.default.chromium.png 0 Removed
TextField.Underlined.hover.chromium.png 0 Removed
ThemeProvider 8 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider.Customized styles.chromium.png 0 Added
ThemeProvider.Customized theme - nested ThemeProvider.chromium.png 0 Added
ThemeProvider.Customized theme.chromium.png 0 Added
ThemeProvider.Default theme.chromium.png 0 Added
ThemeProvider.Customized styles.default.chromium.png 0 Removed
ThemeProvider.Customized theme - nested ThemeProvider.default.chromium.png 0 Removed
ThemeProvider.Customized theme.default.chromium.png 0 Removed
ThemeProvider.Default theme.default.chromium.png 0 Removed
ThemeProvider with Customizer 4 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider with Customizer.Customizer wraps ThemeProvider.chromium.png 0 Added
ThemeProvider with Customizer.ThemeProvider wraps Customizer.chromium.png 0 Added
ThemeProvider with Customizer.Customizer wraps ThemeProvider.default.chromium.png 0 Removed
ThemeProvider with Customizer.ThemeProvider wraps Customizer.default.chromium.png 0 Removed
ThemeProvider with loadTheme 6 screenshots
Image Name Diff(in Pixels) Image Type
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.chromium.png 0 Added
ThemeProvider with loadTheme.Use updated global theme.chromium.png 0 Added
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.default.chromium.png 0 Removed
ThemeProvider with loadTheme.Use contextual theme over global theme if defined.global theme changed.chromium.png 0 Removed
ThemeProvider with loadTheme.Use updated global theme.default.chromium.png 0 Removed
ThemeProvider with loadTheme.Use updated global theme.global theme changed.chromium.png 0 Removed
Tile 10 screenshots
Image Name Diff(in Pixels) Image Type
Tile.Document tile with fit landscape image.chromium.png 0 Added
Tile.Document tile with fit portrait image.chromium.png 0 Added
Tile.Document tile with icon-sized image.chromium.png 0 Added
Tile.Document tile with icon.chromium.png 0 Added
Tile.Tile with no content and long text.chromium.png 0 Added
Tile.Document tile with fit landscape image.default.chromium.png 0 Removed
Tile.Document tile with fit portrait image.default.chromium.png 0 Removed
Tile.Document tile with icon-sized image.default.chromium.png 0 Removed
Tile.Document tile with icon.default.chromium.png 0 Removed
Tile.Tile with no content and long text.default.chromium.png 0 Removed
TilesList 4 screenshots
Image Name Diff(in Pixels) Image Type
TilesList.Basic RTL.chromium.png 0 Added
TilesList.Basic.chromium.png 0 Added
TilesList.Basic - RTL.default.chromium.png 0 Removed
TilesList.Basic.default.chromium.png 0 Removed
Toggle 24 screenshots
Image Name Diff(in Pixels) Image Type
Toggle.Checked RTL.chromium.png 0 Added
Toggle.Checked.chromium.png 0 Added
Toggle.Disabled checked.chromium.png 0 Added
Toggle.Disabled unchecked.chromium.png 0 Added
Toggle.Unchecked RTL.chromium.png 0 Added
Toggle.Unchecked.chromium.png 0 Added
Toggle.With inline label (JSX Element) and without onText and offText.chromium.png 0 Added
Toggle.With inline label (JSX Element).chromium.png 0 Added
Toggle.With inline label and without onText and offText.chromium.png 0 Added
Toggle.With inline label disabled and without onText and offText.chromium.png 0 Added
Toggle.With inline label disabled.chromium.png 0 Added
Toggle.With inline label.chromium.png 0 Added
Toggle.Checked - RTL.default.chromium.png 0 Removed
Toggle.Checked.default.chromium.png 0 Removed
Toggle.Disabled checked.default.chromium.png 0 Removed
Toggle.Disabled unchecked.default.chromium.png 0 Removed
Toggle.Unchecked - RTL.default.chromium.png 0 Removed
Toggle.Unchecked.default.chromium.png 0 Removed
Toggle.With inline label (JSX Element) and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label (JSX Element).default.chromium.png 0 Removed
Toggle.With inline label and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label disabled and without onText and offText.default.chromium.png 0 Removed
Toggle.With inline label disabled.default.chromium.png 0 Removed
Toggle.With inline label.default.chromium.png 0 Removed
Tooltip 2 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip.Default.chromium.png 1613354 Changed
Tooltip.Default.default.chromium.png 0 Removed
Tooltip - Multiple 3 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip - Multiple.Two Tooltips.chromium.png 1612482 Changed
Tooltip - Multiple.Two Tooltips.hover inner.chromium.png 0 Removed
Tooltip - Multiple.Two Tooltips.hover outer.chromium.png 0 Removed
react-charting-AreaChart 22 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-AreaChart.Basic Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Basic RTL.chromium.png 0 Added
react-charting-AreaChart.Basic.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility RTL.chromium.png 0 Added
react-charting-AreaChart.Custom Accessibility.chromium.png 0 Added
react-charting-AreaChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-AreaChart.Multiple RTL.chromium.png 0 Added
react-charting-AreaChart.Multiple.chromium.png 0 Added
react-charting-AreaChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-AreaChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Basic.default.chromium.png 0 Removed
react-charting-AreaChart.Basic.hover.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Custom Accessibility.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple - Dark Mode.hover.chromium.png 0 Removed
react-charting-AreaChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple.default.chromium.png 0 Removed
react-charting-AreaChart.Multiple.hover.chromium.png 0 Removed
react-charting-DonutChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-DonutChart.Basic Dark Mode.chromium.png 0 Added
react-charting-DonutChart.Basic RTL.chromium.png 0 Added
react-charting-DonutChart.Basic.chromium.png 0 Added
react-charting-DonutChart.Dynamic Dark Mode.chromium.png 0 Added
react-charting-DonutChart.Dynamic RTL.chromium.png 0 Added
react-charting-DonutChart.Dynamic.chromium.png 0 Added
react-charting-DonutChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-DonutChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-DonutChart.Basic.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic - Dark Mode.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic - RTL.default.chromium.png 0 Removed
react-charting-DonutChart.Dynamic.default.chromium.png 0 Removed
react-charting-GaugeChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-GaugeChart.Basic Dark Mode.chromium.png 0 Added
react-charting-GaugeChart.Basic RTL.chromium.png 0 Added
react-charting-GaugeChart.Basic.chromium.png 0 Added
react-charting-GaugeChart.Variant Dark Mode.chromium.png 0 Added
react-charting-GaugeChart.Variant RTL.chromium.png 0 Added
react-charting-GaugeChart.Variant.chromium.png 0 Added
react-charting-GaugeChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-GaugeChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-GaugeChart.Basic.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant - Dark Mode.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant - RTL.default.chromium.png 0 Removed
react-charting-GaugeChart.Variant.default.chromium.png 0 Removed
react-charting-HeatMapChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-HeatMapChart.Basic Dark Mode.chromium.png 0 Added
react-charting-HeatMapChart.Basic RTL.chromium.png 0 Added
react-charting-HeatMapChart.Basic.chromium.png 0 Added
react-charting-HeatMapChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-HeatMapChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-HeatMapChart.Basic.default.chromium.png 0 Removed
react-charting-HorizontalBarChart 26 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-HorizontalBarChart.Basic Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.Variant.chromium.png 0 Added
react-charting-HorizontalBarChart.With Axis Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.With Axis RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.With Benchmark Dark Mode.chromium.png 0 Added
react-charting-HorizontalBarChart.With Benchmark RTL.chromium.png 0 Added
react-charting-HorizontalBarChart.With_Axis.chromium.png 0 Added
react-charting-HorizontalBarChart.With_Benchmark.chromium.png 0 Added
react-charting-HorizontalBarChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Basic.hover.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.Variant.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Axis.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark - Dark Mode.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark - RTL.default.chromium.png 0 Removed
react-charting-HorizontalBarChart.With_Benchmark.default.chromium.png 0 Removed
react-charting-Legend 15 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-Legend.Basic Dark Mode.chromium.png 0 Added
react-charting-Legend.Basic RTL.chromium.png 0 Added
react-charting-Legend.Basic.chromium.png 0 Added
react-charting-Legend.Overflow Dark Mode.chromium.png 0 Added
react-charting-Legend.Overflow RTL.chromium.png 0 Added
react-charting-Legend.Overflow.chromium.png 0 Added
react-charting-Legend.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-Legend.Basic - RTL.default.chromium.png 0 Removed
react-charting-Legend.Basic.default.chromium.png 0 Removed
react-charting-Legend.Overflow - Dark Mode.default.chromium.png 0 Removed
react-charting-Legend.Overflow - Dark Mode.expanded.chromium.png 0 Removed
react-charting-Legend.Overflow - RTL.default.chromium.png 0 Removed
react-charting-Legend.Overflow - RTL.expanded.chromium.png 0 Removed
react-charting-Legend.Overflow.default.chromium.png 0 Removed
react-charting-Legend.Overflow.expanded.chromium.png 0 Removed
react-charting-LineChart 26 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-LineChart.Basic Dark Mode.chromium.png 0 Added
react-charting-LineChart.Basic RTL.chromium.png 0 Added
react-charting-LineChart.Basic.chromium.png 0 Added
react-charting-LineChart.Events Dark Mode.chromium.png 0 Added
react-charting-LineChart.Events RTL.chromium.png 0 Added
react-charting-LineChart.Events.chromium.png 0 Added
react-charting-LineChart.Gaps Dark Mode.chromium.png 0 Added
react-charting-LineChart.Gaps RTL.chromium.png 0 Added
react-charting-LineChart.Gaps.chromium.png 0 Added
react-charting-LineChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-LineChart.Multiple RTL.chromium.png 0 Added
react-charting-LineChart.Multiple.chromium.png 0 Added
react-charting-LineChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Basic - Dark Mode.hover.chromium.png 0 Removed
react-charting-LineChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Basic.default.chromium.png 0 Removed
react-charting-LineChart.Basic.hover.chromium.png 0 Removed
react-charting-LineChart.Events - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Events - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Events.default.chromium.png 0 Removed
react-charting-LineChart.Gaps - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Gaps - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Gaps.default.chromium.png 0 Removed
react-charting-LineChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-LineChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-LineChart.Multiple.default.chromium.png 0 Removed
react-charting-MultiStackBarChart 18 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-MultiStackBarChart.Basic Absolute Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Absolute RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Part To Whole Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic Part To Whole RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_Absolute.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_PartToWhole.chromium.png 0 Added
react-charting-MultiStackBarChart.With Placeholders Dark Mode.chromium.png 0 Added
react-charting-MultiStackBarChart.With Placeholders RTL.chromium.png 0 Added
react-charting-MultiStackBarChart.With_Placeholders.chromium.png 0 Added
react-charting-MultiStackBarChart.Basic_Absolute - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_Absolute - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_Absolute.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.Basic_PartToWhole.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders - Dark Mode.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders - RTL.default.chromium.png 0 Removed
react-charting-MultiStackBarChart.With_Placeholders.default.chromium.png 0 Removed
react-charting-PieChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-PieChart.Basic Dark Mode.chromium.png 0 Added
react-charting-PieChart.Basic RTL.chromium.png 0 Added
react-charting-PieChart.Basic.chromium.png 0 Added
react-charting-PieChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-PieChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-PieChart.Basic.default.chromium.png 0 Removed
react-charting-SankeyChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-SankeyChart.Basic Dark Mode.chromium.png 0 Added
react-charting-SankeyChart.Basic RTL.chromium.png 0 Added
react-charting-SankeyChart.Basic.chromium.png 0 Added
react-charting-SankeyChart.Place Holder Dark Mode.chromium.png 0 Added
react-charting-SankeyChart.Place Holder RTL.chromium.png 0 Added
react-charting-SankeyChart.PlaceHolder.chromium.png 0 Added
react-charting-SankeyChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-SankeyChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-SankeyChart.Basic.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder - Dark Mode.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder - RTL.default.chromium.png 0 Removed
react-charting-SankeyChart.PlaceHolder.default.chromium.png 0 Removed
react-charting-SparkLineChart 6 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-SparkLineChart.Basic Dark Mode.chromium.png 0 Added
react-charting-SparkLineChart.Basic RTL.chromium.png 0 Added
react-charting-SparkLineChart.Basic.chromium.png 0 Added
react-charting-SparkLineChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-SparkLineChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-SparkLineChart.Basic.default.chromium.png 0 Removed
react-charting-StackedBarChart 18 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-StackedBarChart.Basic Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Basic RTL.chromium.png 0 Added
react-charting-StackedBarChart.Basic.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark RTL.chromium.png 0 Added
react-charting-StackedBarChart.Benchmark.chromium.png 0 Added
react-charting-StackedBarChart.Multiple Dark Mode.chromium.png 0 Added
react-charting-StackedBarChart.Multiple RTL.chromium.png 0 Added
react-charting-StackedBarChart.Multiple.chromium.png 0 Added
react-charting-StackedBarChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Basic.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Benchmark.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple - Dark Mode.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple - RTL.default.chromium.png 0 Removed
react-charting-StackedBarChart.Multiple.default.chromium.png 0 Removed
react-charting-TreeChart 12 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-TreeChart.Basic Dark Mode.chromium.png 0 Added
react-charting-TreeChart.Basic RTL.chromium.png 0 Added
react-charting-TreeChart.Basic.chromium.png 0 Added
react-charting-TreeChart.Compact Dark Mode.chromium.png 0 Added
react-charting-TreeChart.Compact RTL.chromium.png 0 Added
react-charting-TreeChart.Compact.chromium.png 0 Added
react-charting-TreeChart.Basic - Dark Mode.default.chromium.png 0 Removed
react-charting-TreeChart.Basic - RTL.default.chromium.png 0 Removed
react-charting-TreeChart.Basic.default.chromium.png 0 Removed
react-charting-TreeChart.Compact - Dark Mode.default.chromium.png 0 Removed
react-charting-TreeChart.Compact - RTL.default.chromium.png 0 Removed
react-charting-TreeChart.Compact.default.chromium.png 0 Removed
react-charting-VerticalBarChart 42 screenshots
Image Name Diff(in Pixels) Image Type
react-charting-VerticalBarChart.Basic - Secondary Y Axis.chromium.png 0 Added
react-charting-VerticalBarChart.Basic Secondary Y Axis Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Basic Secondary Y Axis RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis Vbc Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis Vbc RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Date Axis- VBC.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic - Wrap Labels.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic Wrap Labels Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Dynamic Wrap Labels RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped - Wrap Labels.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped Wrap Labels Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Grouped Wrap Labels RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label Hide Legends Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label Hide Legends RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Rotated Label- Hide Legends.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked - Date Axis.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Date Axis Dark Mode.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked Date Axis RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked RTL.chromium.png 0 Added
react-charting-VerticalBarChart.Stacked.chromium.png 0 Added
react-charting-VerticalBarChart.Basic - Secondary Y Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Basic - Secondary Y Axis - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Basic - Secondary Y Axis.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Date Axis- VBC.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Dynamic - Wrap Labels.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Grouped - Wrap Labels.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Rotated Label- Hide Legends.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis - Dark Mode.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - Date Axis.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked - RTL.default.chromium.png 0 Removed
react-charting-VerticalBarChart.Stacked.default.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the FluentUIV0 Visual Regression Report

Accordion 19 screenshots
Image Name Diff(in Pixels) Image Type
Accordion.AccordionDefaultBsize.chromium.png 0 Added
Accordion.AccordionDefaultExample.chromium.png 0 Added
Accordion.AccordionExample.chromium.png 0 Added
Accordion.AccordionExampleCustomTitle.chromium.png 0 Added
Accordion.AccordionExampleRtl.chromium.png 0 Added
Accordion.AccordionExclusiveExample.chromium.png 0 Added
Accordion.AccordionExclusiveExpandedExample.chromium.png 0 Added
Accordion.AccordionPanelCustomContentExample.chromium.png 0 Added
Accordion.AccordionPanelCustomTitleExample.chromium.png 0 Added
Accordion.Accordion Default Bsize.chromium.png 0 Removed
Accordion.Accordion Default Example.chromium.png 0 Removed
Accordion.Accordion Example Custom Title.Focuses the accordion title.chromium.png 0 Removed
Accordion.Accordion Example Custom Title.chromium.png 0 Removed
Accordion.Accordion Example Rtl.chromium.png 0 Removed
Accordion.Accordion Example.chromium.png 0 Removed
Accordion.Accordion Exclusive Example.chromium.png 0 Removed
Accordion.Accordion Exclusive Expanded Example.chromium.png 0 Removed
Accordion.Accordion Panel Custom Content Example.chromium.png 0 Removed
Accordion.Accordion Panel Custom Title Example.chromium.png 0 Removed
Alert 94 screenshots
Image Name Diff(in Pixels) Image Type
Alert.AlertDefaultBsize.chromium.png 0 Added
Alert.AlertExample.chromium.png 0 Added
Alert.AlertExampleChildrenRtl.chromium.png 0 Added
Alert.AlertExampleDanger.chromium.png 0 Added
Alert.AlertExampleDangerTeams.chromium.png 0 Added
Alert.AlertExampleDangerTeamsDark.chromium.png 0 Added
Alert.AlertExampleDangerTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleDismissAction.chromium.png 0 Added
Alert.AlertExampleDismissActionRtl.chromium.png 0 Added
Alert.AlertExampleDismissActions.chromium.png 0 Added
Alert.AlertExampleDismissible.chromium.png 0 Added
Alert.AlertExampleDismissibleTeams.chromium.png 0 Added
Alert.AlertExampleDismissibleTeamsDark.chromium.png 0 Added
Alert.AlertExampleDismissibleTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleFitted.chromium.png 0 Added
Alert.AlertExampleHeader.chromium.png 0 Added
Alert.AlertExampleIcon.chromium.png 0 Added
Alert.AlertExampleImportantMessage.chromium.png 0 Added
Alert.AlertExampleInfo.chromium.png 0 Added
Alert.AlertExampleInfoTeams.chromium.png 0 Added
Alert.AlertExampleInfoTeamsDark.chromium.png 0 Added
Alert.AlertExampleInfoTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleOof.chromium.png 0 Added
Alert.AlertExampleOofTeams.chromium.png 0 Added
Alert.AlertExampleOofTeamsDark.chromium.png 0 Added
Alert.AlertExampleOofTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleRtl.chromium.png 0 Added
Alert.AlertExampleShorthand.chromium.png 0 Added
Alert.AlertExampleSuccess.chromium.png 0 Added
Alert.AlertExampleUrgent.chromium.png 0 Added
Alert.AlertExampleUrgentTeams.chromium.png 0 Added
Alert.AlertExampleUrgentTeamsDark.chromium.png 0 Added
Alert.AlertExampleUrgentTeamsHighContrast.chromium.png 0 Added
Alert.AlertExampleWarning.chromium.png 0 Added
Alert.AlertExampleWidth.chromium.png 0 Added
Alert.Alert Default Bsize.chromium.png 0 Removed
Alert.Alert Example Children Rtl.chromium.png 0 Removed
Alert.Alert Example Danger Teams Dark.chromium.png 0 Removed
Alert.Alert Example Danger Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Danger Teams.chromium.png 0 Removed
Alert.Alert Example Danger.chromium.png 0 Removed
Alert.Alert Example Dismiss Action Rtl.chromium.png 0 Removed
Alert.Alert Example Dismiss Action.chromium.png 0 Removed
Alert.Alert Example Dismiss Actions.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams Dark.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Dismissible Teams.chromium.png 0 Removed
Alert.Alert Example Dismissible.chromium.png 0 Removed
Alert.Alert Example Fitted.chromium.png 0 Removed
Alert.Alert Example Header.chromium.png 0 Removed
Alert.Alert Example Icon.chromium.png 0 Removed
Alert.Alert Example Important Message.chromium.png 0 Removed
Alert.Alert Example Info Teams Dark.chromium.png 0 Removed
Alert.Alert Example Info Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Info Teams.chromium.png 0 Removed
Alert.Alert Example Info.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams Dark.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof Teams.chromium.png 0 Removed
Alert.Alert Example Oof.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Oof.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Oof.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Oof.chromium.png 0 Removed
Alert.Alert Example Rtl.chromium.png 0 Removed
Alert.Alert Example Shorthand.chromium.png 0 Removed
Alert.Alert Example Success.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams Dark.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams High Contrast.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent Teams.chromium.png 0 Removed
Alert.Alert Example Urgent.Focuses the action button.chromium.png 0 Removed
Alert.Alert Example Urgent.Hovers the action button.chromium.png 0 Removed
Alert.Alert Example Urgent.Hovers the focused action button.chromium.png 0 Removed
Alert.Alert Example Urgent.chromium.png 0 Removed
Alert.Alert Example Warning.chromium.png 0 Removed
Alert.Alert Example Width.chromium.png 0 Removed
Alert.Alert Example.chromium.png 0 Removed
Animation 16 screenshots
Image Name Diff(in Pixels) Image Type
Animation.AnimationExample.chromium.png 0 Added
Animation.AnimationExampleDelay.chromium.png 0 Added
Animation.AnimationExampleDirection.chromium.png 0 Added
Animation.AnimationExampleDuration.chromium.png 0 Added
Animation.AnimationExampleFillMode.chromium.png 0 Added
Animation.AnimationExampleIterationCount.chromium.png 0 Added
Animation.AnimationExampleTimingFunction.chromium.png 0 Added
Animation.AnimationExampleVisible.chromium.png 0 Added
Animation.Animation Example Delay.chromium.png 0 Removed
Animation.Animation Example Direction.chromium.png 0 Removed
Animation.Animation Example Duration.chromium.png 0 Removed
Animation.Animation Example Fill Mode.chromium.png 0 Removed
Animation.Animation Example Iteration Count.chromium.png 0 Removed
Animation.Animation Example Timing Function.chromium.png 0 Removed
Animation.Animation Example Visible.chromium.png 0 Removed
Animation.Animation Example.chromium.png 0 Removed
Attachment 62 screenshots
Image Name Diff(in Pixels) Image Type
Attachment.AttachmentActionExampleShorthand.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeams.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeamsDark.chromium.png 0 Added
Attachment.AttachmentActionExampleShorthandTeamsHighContrast.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthand.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeams.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeamsDark.chromium.png 0 Added
Attachment.AttachmentActionableExampleShorthandTeamsHighContrast.chromium.png 0 Added
Attachment.AttachmentDefaultBsize.chromium.png 0 Added
Attachment.AttachmentDescriptionExampleShorthand.chromium.png 0 Added
Attachment.AttachmentExampleRtl.chromium.png 0 Added
Attachment.AttachmentExampleShorthand.chromium.png 0 Added
Attachment.AttachmentHeaderExampleShorthand.chromium.png 0 Added
Attachment.AttachmentIconExampleShorthand.chromium.png 0 Added
Attachment.AttachmentProgressExampleShorthand.chromium.png 0 Added
Attachment.Attachment Action Example Shorthand Teams Dark.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams Dark.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams High Contrast.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand Teams.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Focuses action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Focuses root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Hovers action.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.Hovers root.chromium.png 0 Removed
Attachment.Attachment Action Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams Dark.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams High Contrast.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand Teams.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Focuses action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Focuses root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Hovers action.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.Hovers root.chromium.png 0 Removed
Attachment.Attachment Actionable Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Default Bsize.chromium.png 0 Removed
Attachment.Attachment Description Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Example Rtl.chromium.png 0 Removed
Attachment.Attachment Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Header Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Icon Example Shorthand.chromium.png 0 Removed
Attachment.Attachment Progress Example Shorthand.chromium.png 0 Removed
Avatar 30 screenshots
Image Name Diff(in Pixels) Image Type
Avatar.AvatarDefaultBsize.chromium.png 0 Added
Avatar.AvatarExampleExcludedInitialsShorthand.chromium.png 0 Added
Avatar.AvatarExampleGetInitialsShorthand.chromium.png 0 Added
Avatar.AvatarExampleIconShorthand.chromium.png 0 Added
Avatar.AvatarExampleImageShorthand.chromium.png 0 Added
Avatar.AvatarExampleLabelShorthand.chromium.png 0 Added
Avatar.AvatarExampleNameShorthand.chromium.png 0 Added
Avatar.AvatarExampleRtl.chromium.png 0 Added
Avatar.AvatarExampleShorthand.chromium.png 0 Added
Avatar.AvatarExampleSizeShorthand.chromium.png 0 Added
Avatar.AvatarExampleSquare.chromium.png 0 Added
Avatar.AvatarExampleStatusCustomizationShorthand.chromium.png 0 Added
Avatar.AvatarExampleStatusImageShorthand.chromium.png 0 Added
Avatar.AvatarExampleStatusShorthand.chromium.png 0 Added
Avatar.AvatarUsageExampleShorthand.chromium.png 0 Added
Avatar.Avatar Default Bsize.chromium.png 0 Removed
Avatar.Avatar Example Excluded Initials Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Get Initials Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Icon Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Image Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Label Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Name Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Rtl.chromium.png 0 Removed
Avatar.Avatar Example Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Size Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Square.chromium.png 0 Removed
Avatar.Avatar Example Status Customization Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Status Image Shorthand.chromium.png 0 Removed
Avatar.Avatar Example Status Shorthand.chromium.png 0 Removed
Avatar.Avatar Usage Example Shorthand.chromium.png 0 Removed
Box 6 screenshots
Image Name Diff(in Pixels) Image Type
Box.BoxDefaultBsize.chromium.png 0 Added
Box.BoxExample.chromium.png 0 Added
Box.BoxShorthandExample.chromium.png 0 Added
Box.Box Default Bsize.chromium.png 0 Removed
Box.Box Example.chromium.png 0 Removed
Box.Box Shorthand Example.chromium.png 0 Removed
Breadcrumb 6 screenshots
Image Name Diff(in Pixels) Image Type
Breadcrumb.BreadcrumbExample.chromium.png 0 Added
Breadcrumb.BreadcrumbExampleIconDivider.chromium.png 0 Added
Breadcrumb.BreadcrumbExampleSizes.chromium.png 0 Added
Breadcrumb.Breadcrumb Example Icon Divider.chromium.png 0 Removed
Breadcrumb.Breadcrumb Example Sizes.chromium.png 0 Removed
Breadcrumb.Breadcrumb Example.chromium.png 0 Removed
Button 168 screenshots
Image Name Diff(in Pixels) Image Type
Button.ButtonDefaultBsize.chromium.png 0 Added
Button.ButtonExample.chromium.png 0 Added
Button.ButtonExampleCircular.chromium.png 0 Added
Button.ButtonExampleContentAndIcon.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeams.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeamsDark.chromium.png 0 Added
Button.ButtonExampleContentAndIconTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleDisabled.chromium.png 0 Added
Button.ButtonExampleDisabledFocusable.chromium.png 0 Added
Button.ButtonExampleDisabledTeams.chromium.png 0 Added
Button.ButtonExampleDisabledTeamsDark.chromium.png 0 Added
Button.ButtonExampleDisabledTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleEmphasis.chromium.png 0 Added
Button.ButtonExampleFlat.chromium.png 0 Added
Button.ButtonExampleFluid.chromium.png 0 Added
Button.ButtonExampleIconOnly.chromium.png 0 Added
Button.ButtonExampleInverted.chromium.png 0 Added
Button.ButtonExampleLoading.chromium.png 0 Added
Button.ButtonExampleOverflow.chromium.png 0 Added
Button.ButtonExampleRtl.chromium.png 0 Added
Button.ButtonExampleSizeShorthand.chromium.png 0 Added
Button.ButtonExampleTeams.chromium.png 0 Added
Button.ButtonExampleTeamsDark.chromium.png 0 Added
Button.ButtonExampleTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleText.chromium.png 0 Added
Button.ButtonExampleTextShorthand.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeams.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeamsDark.chromium.png 0 Added
Button.ButtonExampleTextShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonExampleWithTooltip.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeams.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeamsDark.chromium.png 0 Added
Button.ButtonExampleWithTooltipTeamsHighContrast.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthand.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeams.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeamsDark.chromium.png 0 Added
Button.ButtonGroupCircularExampleShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonGroupExampleShorthand.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeams.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeamsDark.chromium.png 0 Added
Button.ButtonGroupExampleShorthandTeamsHighContrast.chromium.png 0 Added
Button.ButtonUsageExampleShorthand.chromium.png 0 Added
Button.Button Default Bsize.chromium.png 0 Removed
Button.Button Example Circular.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams Dark.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams High Contrast.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon Teams.chromium.png 0 Removed
Button.Button Example Content And Icon.Clicks the first button.chromium.png 0 Removed
Button.Button Example Content And Icon.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Content And Icon.Hovers the first button.chromium.png 0 Removed
Button.Button Example Content And Icon.chromium.png 0 Removed
Button.Button Example Disabled Focusable.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams Dark.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams High Contrast.chromium.png 0 Removed
Button.Button Example Disabled Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled Teams.chromium.png 0 Removed
Button.Button Example Disabled.Clicks the first button.chromium.png 0 Removed
Button.Button Example Disabled.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Disabled.Hovers the first button.chromium.png 0 Removed
Button.Button Example Disabled.chromium.png 0 Removed
Button.Button Example Emphasis.chromium.png 0 Removed
Button.Button Example Flat.chromium.png 0 Removed
Button.Button Example Fluid.chromium.png 0 Removed
Button.Button Example Icon Only.chromium.png 0 Removed
Button.Button Example Inverted.chromium.png 0 Removed
Button.Button Example Loading.chromium.png 0 Removed
Button.Button Example Overflow.chromium.png 0 Removed
Button.Button Example Rtl.chromium.png 0 Removed
Button.Button Example Size Shorthand.chromium.png 0 Removed
Button.Button Example Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams Dark.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams High Contrast.chromium.png 0 Removed
Button.Button Example Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Teams.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand Teams.chromium.png 0 Removed
Button.Button Example Text Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Example Text Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Example Text Shorthand.chromium.png 0 Removed
Button.Button Example Text.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams Dark.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams High Contrast.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip Teams.chromium.png 0 Removed
Button.Button Example With Tooltip.Clicks the first button.chromium.png 0 Removed
Button.Button Example With Tooltip.Focuses on the second button.chromium.png 0 Removed
Button.Button Example With Tooltip.Hovers the first button.chromium.png 0 Removed
Button.Button Example With Tooltip.chromium.png 0 Removed
Button.Button Example.Clicks the first button.chromium.png 0 Removed
Button.Button Example.Focuses on the second button.chromium.png 0 Removed
Button.Button Example.Hovers the first button.chromium.png 0 Removed
Button.Button Example.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand Teams.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Group Circular Example Shorthand.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams Dark.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams High Contrast.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand Teams.chromium.png 0 Removed
Button.Button Group Example Shorthand.Clicks the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand.Focuses on the second button.chromium.png 0 Removed
Button.Button Group Example Shorthand.Hovers the first button.chromium.png 0 Removed
Button.Button Group Example Shorthand.chromium.png 0 Removed
Button.Button Usage Example Shorthand.chromium.png 0 Removed
Card 52 screenshots
Image Name Diff(in Pixels) Image Type
Card.CardExampleBody.chromium.png 0 Added
Card.CardExampleCentered.chromium.png 0 Added
Card.CardExampleContextMenu.chromium.png 0 Added
Card.CardExampleDisabled.chromium.png 0 Added
Card.CardExampleElevated.chromium.png 0 Added
Card.CardExampleExpandable.chromium.png 0 Added
Card.CardExampleFocusable.chromium.png 0 Added
Card.CardExampleFocusableGrid.chromium.png 0 Added
Card.CardExampleFocusableTeams.chromium.png 0 Added
Card.CardExampleFocusableTeamsDark.chromium.png 0 Added
Card.CardExampleFocusableTeamsHighContrast.chromium.png 0 Added
Card.CardExampleFooter.chromium.png 0 Added
Card.CardExampleHeader.chromium.png 0 Added
Card.CardExampleHorizontal.chromium.png 0 Added
Card.CardExampleInverted.chromium.png 0 Added
Card.CardExamplePreview.chromium.png 0 Added
Card.CardExampleQuiet.chromium.png 0 Added
Card.CardExampleSelectableGrid.chromium.png 0 Added
Card.CardExampleSelected.chromium.png 0 Added
Card.CardExampleSimple.chromium.png 0 Added
Card.CardExampleSize.chromium.png 0 Added
Card.CardExampleWithPreview.chromium.png 0 Added
Card.CardExampleWithPreviewTeams.chromium.png 0 Added
Card.CardExampleWithPreviewTeamsDark.chromium.png 0 Added
Card.CardExampleWithPreviewTeamsHighContrast.chromium.png 0 Added
Card.ImageExampleFluent.chromium.png 0 Added
Card.Card Example Body.chromium.png 0 Removed
Card.Card Example Centered.chromium.png 0 Removed
Card.Card Example Context Menu.chromium.png 0 Removed
Card.Card Example Disabled.chromium.png 0 Removed
Card.Card Example Elevated.chromium.png 0 Removed
Card.Card Example Expandable.chromium.png 0 Removed
Card.Card Example Focusable Grid.chromium.png 0 Removed
Card.Card Example Focusable Teams Dark.chromium.png 0 Removed
Card.Card Example Focusable Teams High Contrast.chromium.png 0 Removed
Card.Card Example Focusable Teams.chromium.png 0 Removed
Card.Card Example Focusable.chromium.png 0 Removed
Card.Card Example Footer.chromium.png 0 Removed
Card.Card Example Header.chromium.png 0 Removed
Card.Card Example Horizontal.chromium.png 0 Removed
Card.Card Example Inverted.chromium.png 0 Removed
Card.Card Example Preview.chromium.png 0 Removed
Card.Card Example Quiet.chromium.png 0 Removed
Card.Card Example Selectable Grid.chromium.png 0 Removed
Card.Card Example Selected.chromium.png 0 Removed
Card.Card Example Simple.chromium.png 0 Removed
Card.Card Example Size.chromium.png 0 Removed
Card.Card Example With Preview Teams Dark.chromium.png 0 Removed
Card.Card Example With Preview Teams High Contrast.chromium.png 0 Removed
Card.Card Example With Preview Teams.chromium.png 0 Removed
Card.Card Example With Preview.chromium.png 0 Removed
Card.Image Example Fluent.chromium.png 0 Removed
Carousel 4 screenshots
Image Name Diff(in Pixels) Image Type
Carousel.CarouselExample.chromium.png 0 Added
Carousel.CarouselSlideAnimationExample.chromium.png 0 Added
Carousel.Carousel Example.chromium.png 0 Removed
Carousel.Carousel Slide Animation Example.chromium.png 0 Removed
Chat 58 screenshots
Image Name Diff(in Pixels) Image Type
Chat.ChatExample.chromium.png 0 Added
Chat.ChatExampleComfyRefresh.chromium.png 0 Added
Chat.ChatExampleCompact.chromium.png 0 Added
Chat.ChatExampleCompactTeams.chromium.png 0 Added
Chat.ChatExampleCompactTeamsDark.chromium.png 0 Added
Chat.ChatExampleCompactTeamsHighContrast.chromium.png 0 Added
Chat.ChatExampleContentPosition.chromium.png 0 Added
Chat.ChatExampleDetails.chromium.png 0 Added
Chat.ChatExampleDetailsTeams.chromium.png 0 Added
Chat.ChatExampleDetailsTeamsDark.chromium.png 0 Added
Chat.ChatExampleDetailsTeamsHighContrast.chromium.png 0 Added
Chat.ChatExampleHeader.chromium.png 0 Added
Chat.ChatExampleHeaderOverride.chromium.png 0 Added
Chat.ChatExampleInScrollableShorthand.chromium.png 0 Added
Chat.ChatExampleReactionGroup.chromium.png 0 Added
Chat.ChatExampleReadStatus.chromium.png 0 Added
Chat.ChatExampleRtl.chromium.png 0 Added
Chat.ChatExampleTeams.chromium.png 0 Added
Chat.ChatExampleTeamsDark.chromium.png 0 Added
Chat.ChatExampleTeamsHighContrast.chromium.png 0 Added
Chat.ChatMessageExampleBadge.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeams.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeamsDark.chromium.png 0 Added
Chat.ChatMessageExampleBadgeTeamsHighContrast.chromium.png 0 Added
Chat.ChatMessageExampleStyled.chromium.png 0 Added
Chat.MessageReactionsWithPopup.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeams.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeamsDark.chromium.png 0 Added
Chat.MessageReactionsWithPopupTeamsHighContrast.chromium.png 0 Added
Chat.Chat Example Comfy Refresh.chromium.png 0 Removed
Chat.Chat Example Compact Teams Dark.chromium.png 0 Removed
Chat.Chat Example Compact Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Compact Teams.chromium.png 0 Removed
Chat.Chat Example Compact.chromium.png 0 Removed
Chat.Chat Example Content Position.chromium.png 0 Removed
Chat.Chat Example Details Teams Dark.chromium.png 0 Removed
Chat.Chat Example Details Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Details Teams.chromium.png 0 Removed
Chat.Chat Example Details.chromium.png 0 Removed
Chat.Chat Example Header Override.chromium.png 0 Removed
Chat.Chat Example Header.chromium.png 0 Removed
Chat.Chat Example In Scrollable Shorthand.chromium.png 0 Removed
Chat.Chat Example Reaction Group.chromium.png 0 Removed
Chat.Chat Example Read Status.chromium.png 0 Removed
Chat.Chat Example Rtl.chromium.png 0 Removed
Chat.Chat Example Teams Dark.chromium.png 0 Removed
Chat.Chat Example Teams High Contrast.chromium.png 0 Removed
Chat.Chat Example Teams.chromium.png 0 Removed
Chat.Chat Example.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams Dark.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams High Contrast.chromium.png 0 Removed
Chat.Chat Message Example Badge Teams.chromium.png 0 Removed
Chat.Chat Message Example Badge.chromium.png 0 Removed
Chat.Chat Message Example Styled.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams Dark.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams High Contrast.chromium.png 0 Removed
Chat.Message Reactions With Popup Teams.chromium.png 0 Removed
Chat.Message Reactions With Popup.chromium.png 0 Removed
Checkbox 26 screenshots
Image Name Diff(in Pixels) Image Type
Checkbox.CheckboxExample.chromium.png 0 Added
Checkbox.CheckboxExampleChecked.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixed.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeams.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeamsDark.chromium.png 0 Added
Checkbox.CheckboxExampleCheckedMixedTeamsHighContrast.chromium.png 0 Added
Checkbox.CheckboxExampleDisabled.chromium.png 0 Added
Checkbox.CheckboxExampleLabel.chromium.png 0 Added
Checkbox.CheckboxExampleLabelFlexColumn.chromium.png 0 Added
Checkbox.CheckboxExampleRtl.chromium.png 0 Added
Checkbox.CheckboxExampleToggle.chromium.png 0 Added
Checkbox.Checkbox Example Checked Mixed Teams Dark.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed Teams High Contrast.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed Teams.chromium.png 0 Removed
Checkbox.Checkbox Example Checked Mixed.chromium.png 0 Removed
Checkbox.Checkbox Example Checked.chromium.png 0 Removed
Checkbox.Checkbox Example Disabled.chromium.png 0 Removed
Checkbox.Checkbox Example Label Flex Column.chromium.png 0 Removed
Checkbox.Checkbox Example Label.chromium.png 0 Removed
Checkbox.Checkbox Example Rtl.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.Checks checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.Focuses checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example Toggle.chromium.png 0 Removed
Checkbox.Checkbox Example.Checks checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example.Focuses checkbox.chromium.png 0 Removed
Checkbox.Checkbox Example.chromium.png 0 Removed
Datepicker 222 screenshots
Image Name Diff(in Pixels) Image Type
Datepicker.DatepickerCellExample.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeams.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerCellExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExample.chromium.png 0 Added
Datepicker.DatepickerExampleClearable.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeams.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleClearableTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleDisabled.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStrings.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeams.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleLocalizationStringsTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDate.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeams.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleMinMaxDateTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleNoInput.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeams.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleNoInputTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleOpen.chromium.png 0 Added
Datepicker.DatepickerExampleRequired.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeams.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleRequiredTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDates.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeams.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleRestrictedDatesTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleSelectedDate.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButton.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeams.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarButtonTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleStandaloneCalendarInput.chromium.png 0 Added
Datepicker.DatepickerExampleToday.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeams.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleTodayTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerExampleWeek.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeams.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeamsDark.chromium.png 0 Added
Datepicker.DatepickerExampleWeekTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerFirstWeekDayExample.chromium.png 0 Added
Datepicker.DatepickerFormatExample.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeams.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerFormatExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExample.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeams.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeamsDark.chromium.png 0 Added
Datepicker.DatepickerHeaderCellExampleTeamsHighContrast.chromium.png 0 Added
Datepicker.DatepickerHeaderExample.chromium.png 0 Added
Datepicker.DatepickerNoInputPlaceholderExample.chromium.png 0 Added
Datepicker.DatepickerParseExample.chromium.png 0 Added
Datepicker.Datepicker Cell Example Teams Dark.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Does not show tooltip on not today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Cell Example.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows cleared calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows cleared input..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.Shows selected date in input with clear possibility..chromium.png 0 Removed
Datepicker.Datepicker Example Clearable.chromium.png 0 Removed
Datepicker.Datepicker Example Disabled.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams Dark.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams High Contrast.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings.Shows localized calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Localization Strings.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Disabled date is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Month icon is not clickable..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.Shows min max dates..chromium.png 0 Removed
Datepicker.Datepicker Example Min Max Date.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input Teams.chromium.png 0 Removed
Datepicker.Datepicker Example No Input.Keeps calendar open..chromium.png 0 Removed
Datepicker.Datepicker Example No Input.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example No Input.chromium.png 0 Removed
Datepicker.Datepicker Example Open.chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams Dark.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams High Contrast.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required Teams.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Input shows error..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Shows datepicker popup through button and error is shown..chromium.png 0 Removed
Datepicker.Datepicker Example Required.Shows selected date in input without error..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams Dark.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams High Contrast.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates.Shows disabled dates..chromium.png 0 Removed
Datepicker.Datepicker Example Restricted Dates.chromium.png 0 Removed
Datepicker.Datepicker Example Selected Date.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button.Shows datepicker calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Button.chromium.png 0 Removed
Datepicker.Datepicker Example Standalone Calendar Input.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows calendar with hover..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows datepicker popup through button..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows selected date in calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Today.Shows selected date in input..chromium.png 0 Removed
Datepicker.Datepicker Example Today.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week Teams.chromium.png 0 Removed
Datepicker.Datepicker Example Week.Calendar is opened with selected week highlighted..chromium.png 0 Removed
Datepicker.Datepicker Example Week.Calendar is opened with the entire week highlighted on hover..chromium.png 0 Removed
Datepicker.Datepicker Example Week.Shows calendar..chromium.png 0 Removed
Datepicker.Datepicker Example Week.chromium.png 0 Removed
Datepicker.Datepicker Example.chromium.png 0 Removed
Datepicker.Datepicker First Week Day Example.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Format Example.Shows datepicker popup.chromium.png 0 Removed
Datepicker.Datepicker Format Example.Shows selected date.chromium.png 0 Removed
Datepicker.Datepicker Format Example.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams Dark.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams High Contrast.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example Teams.chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.Shows datepicker popup..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.Shows tooltip on today's date..chromium.png 0 Removed
Datepicker.Datepicker Header Cell Example.chromium.png 0 Removed
Datepicker.Datepicker Header Example.chromium.png 0 Removed
Datepicker.Datepicker No Input Placeholder Example.chromium.png 0 Removed
Datepicker.Datepicker Parse Example.chromium.png 0 Removed
Dialog 65 screenshots
Image Name Diff(in Pixels) Image Type
Dialog.DialogExample.chromium.png 0 Added
Dialog.DialogExampleBackdrop.chromium.png 0 Added
Dialog.DialogExampleBackdropTeams.chromium.png 0 Added
Dialog.DialogExampleBackdropTeamsDark.chromium.png 0 Added
Dialog.DialogExampleBackdropTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleCallbacks.chromium.png 0 Added
Dialog.DialogExampleContent.chromium.png 0 Added
Dialog.DialogExampleContentTeams.chromium.png 0 Added
Dialog.DialogExampleContentTeamsDark.chromium.png 0 Added
Dialog.DialogExampleContentTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleFooter.chromium.png 0 Added
Dialog.DialogExampleFullWidth.chromium.png 0 Added
Dialog.DialogExampleHeaderAction.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeams.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeamsDark.chromium.png 0 Added
Dialog.DialogExampleHeaderActionTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleRtl.chromium.png 0 Added
Dialog.DialogExampleScroll.chromium.png 0 Added
Dialog.DialogExampleScrollTeams.chromium.png 0 Added
Dialog.DialogExampleScrollTeamsDark.chromium.png 0 Added
Dialog.DialogExampleScrollTeamsHighContrast.chromium.png 0 Added
Dialog.DialogExampleZoomContent.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeams.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeamsDark.chromium.png 0 Added
Dialog.DialogExampleZoomContentTeamsHighContrast.chromium.png 0 Added
Dialog.Dialog Example Backdrop Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Backdrop Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Backdrop Teams.chromium.png 0 Removed
Dialog.Dialog Example Backdrop.chromium.png 0 Removed
Dialog.Dialog Example Callbacks.chromium.png 0 Removed
Dialog.Dialog Example Content Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Content Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Content Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content Teams.chromium.png 0 Removed
Dialog.Dialog Example Content.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Content.chromium.png 0 Removed
Dialog.Dialog Example Footer.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Footer.chromium.png 0 Removed
Dialog.Dialog Example Full Width.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Full Width.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Header Action Teams.chromium.png 0 Removed
Dialog.Dialog Example Header Action.chromium.png 0 Removed
Dialog.Dialog Example Rtl.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Rtl.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll Teams.chromium.png 0 Removed
Dialog.Dialog Example Scroll.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Scroll.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams Dark.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams Dark.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams High Contrast.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams High Contrast.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content Teams.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content.Clicks the trigger button.chromium.png 0 Removed
Dialog.Dialog Example Zoom Content.chromium.png 0 Removed
Dialog.Dialog Example.chromium.png 0 Removed
Divider 68 screenshots
Image Name Diff(in Pixels) Image Type
Divider.DividerExampleColor.chromium.png 0 Added
Divider.DividerExampleColorTeams.chromium.png 0 Added
Divider.DividerExampleColorTeamsDark.chromium.png 0 Added
Divider.DividerExampleColorTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleContent.chromium.png 0 Added
Divider.DividerExampleContentTeams.chromium.png 0 Added
Divider.DividerExampleContentTeamsDark.chromium.png 0 Added
Divider.DividerExampleContentTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleFittedShorthand.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeams.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleFittedShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleImportant.chromium.png 0 Added
Divider.DividerExampleImportantShorthand.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeams.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleImportantShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleRtl.chromium.png 0 Added
Divider.DividerExampleRtlAndLtr.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeams.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeamsDark.chromium.png 0 Added
Divider.DividerExampleRtlAndLtrTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleRtlTeams.chromium.png 0 Added
Divider.DividerExampleRtlTeamsDark.chromium.png 0 Added
Divider.DividerExampleRtlTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleShorthand.chromium.png 0 Added
Divider.DividerExampleShorthandTeams.chromium.png 0 Added
Divider.DividerExampleShorthandTeamsDark.chromium.png 0 Added
Divider.DividerExampleShorthandTeamsHighContrast.chromium.png 0 Added
Divider.DividerExampleSize.chromium.png 0 Added
Divider.DividerExampleSizeTeams.chromium.png 0 Added
Divider.DividerExampleSizeTeamsDark.chromium.png 0 Added
Divider.DividerExampleSizeTeamsHighContrast.chromium.png 0 Added
Divider.DividerVerticalExampleShorthand.chromium.png 0 Added
Divider.Divider Example Color Teams Dark.chromium.png 0 Removed
Divider.Divider Example Color Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Color Teams.chromium.png 0 Removed
Divider.Divider Example Color.chromium.png 0 Removed
Divider.Divider Example Content Teams Dark.chromium.png 0 Removed
Divider.Divider Example Content Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Content Teams.chromium.png 0 Removed
Divider.Divider Example Content.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Fitted Shorthand.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Important Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Important Shorthand.chromium.png 0 Removed
Divider.Divider Example Important.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams Dark.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr Teams.chromium.png 0 Removed
Divider.Divider Example Rtl And Ltr.chromium.png 0 Removed
Divider.Divider Example Rtl Teams Dark.chromium.png 0 Removed
Divider.Divider Example Rtl Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Rtl Teams.chromium.png 0 Removed
Divider.Divider Example Rtl.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams Dark.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Shorthand Teams.chromium.png 0 Removed
Divider.Divider Example Shorthand.chromium.png 0 Removed
Divider.Divider Example Size Teams Dark.chromium.png 0 Removed
Divider.Divider Example Size Teams High Contrast.chromium.png 0 Removed
Divider.Divider Example Size Teams.chromium.png 0 Removed
Divider.Divider Example Size.chromium.png 0 Removed
Divider.Divider Vertical Example Shorthand.chromium.png 0 Removed
Dropdown 98 screenshots
Image Name Diff(in Pixels) Image Type
Dropdown.DropdownClearableExample.chromium.png 0 Added
Dropdown.DropdownCustomClearableExample.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeams.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeamsDark.chromium.png 0 Added
Dropdown.DropdownCustomClearableExampleTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExample.chromium.png 0 Added
Dropdown.DropdownExampleDisabled.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeams.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleDisabledTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleFreeform.chromium.png 0 Added
Dropdown.DropdownExampleHeaderMessage.chromium.png 0 Added
Dropdown.DropdownExampleInline.chromium.png 0 Added
Dropdown.DropdownExampleInverted.chromium.png 0 Added
Dropdown.DropdownExampleLoading.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeams.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleLoadingTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleMultiple.chromium.png 0 Added
Dropdown.DropdownExamplePosition.chromium.png 0 Added
Dropdown.DropdownExampleRender.chromium.png 0 Added
Dropdown.DropdownExampleRtl.chromium.png 0 Added
Dropdown.DropdownExampleSearch.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultiple.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleFluid.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleFrenchLanguage.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleImageAndContent.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeams.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleSearchMultipleTeamsHighContrast.chromium.png 0 Added
Dropdown.DropdownExampleTeams.chromium.png 0 Added
Dropdown.DropdownExampleTeamsDark.chromium.png 0 Added
Dropdown.DropdownExampleTeamsHighContrast.chromium.png 0 Added
Dropdown.Dropdown Clearable Example.Clears the value.chromium.png 0 Removed
Dropdown.Dropdown Clearable Example.Selects an item.chromium.png 0 Removed
Dropdown.Dropdown Clearable Example.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example Teams.chromium.png 0 Removed
Dropdown.Dropdown Custom Clearable Example.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams Dark.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams High Contrast.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled.Mouse hover on input.chromium.png 0 Removed
Dropdown.Dropdown Example Disabled.chromium.png 0 Removed
Dropdown.Dropdown Example Freeform.chromium.png 0 Removed
Dropdown.Dropdown Example Header Message.Shows header message.chromium.png 0 Removed
Dropdown.Dropdown Example Header Message.chromium.png 0 Removed
Dropdown.Dropdown Example Inline.chromium.png 0 Removed
Dropdown.Dropdown Example Inverted.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Loading Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Loading.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.Opened dropdown with no items selected.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.Opened dropdown with two items selected.chromium.png 0 Removed
Dropdown.Dropdown Example Multiple.chromium.png 0 Removed
Dropdown.Dropdown Example Position.Opens a dropdown.chromium.png 0 Removed
Dropdown.Dropdown Example Position.chromium.png 0 Removed
Dropdown.Dropdown Example Render.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.RTL- Selects an item.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.RTL- Shows list.chromium.png 0 Removed
Dropdown.Dropdown Example Rtl.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Fluid.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple French Language.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Image And Content.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple Teams.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.Hovers first selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.Selects last selected element.chromium.png 0 Removed
Dropdown.Dropdown Example Search Multiple.chromium.png 0 Removed
Dropdown.Dropdown Example Search.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams Dark.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams High Contrast.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example Teams.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses first item.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses second item.chromium.png 0 Removed
Dropdown.Dropdown Example.Focuses trigger.chromium.png 0 Removed
Dropdown.Dropdown Example.chromium.png 0 Removed
Embed 4 screenshots
Image Name Diff(in Pixels) Image Type
Embed.EmbedExampleVideo.chromium.png 0 Added
Embed.EmbedExampleYouTube.chromium.png 0 Added
Embed.Embed Example Video.chromium.png 0 Removed
Embed.Embed Example You Tube.chromium.png 0 Removed
Flex 12 screenshots
Image Name Diff(in Pixels) Image Type
Flex.FlexExampleColumns.chromium.png 0 Added
Flex.FlexExampleInput.chromium.png 0 Added
Flex.FlexExampleItemsAlignment.chromium.png 0 Added
Flex.FlexExampleMediaCard.chromium.png 0 Added
Flex.FlexExampleMixedAlignment.chromium.png 0 Added
Flex.FlexExampleNavMenu.chromium.png 0 Added
Flex.Flex Example Columns.chromium.png 0 Removed
Flex.Flex Example Input.chromium.png 0 Removed
Flex.Flex Example Items Alignment.chromium.png 0 Removed
Flex.Flex Example Media Card.chromium.png 0 Removed
Flex.Flex Example Mixed Alignment.chromium.png 0 Removed
Flex.Flex Example Nav Menu.chromium.png 0 Removed
Form 14 screenshots
Image Name Diff(in Pixels) Image Type
Form.FormExample.chromium.png 0 Added
Form.FormExampleCheckbox.chromium.png 0 Added
Form.FormExampleComponents.chromium.png 0 Added
Form.FormExampleDatepicker.chromium.png 0 Added
Form.FormExampleErrorAndSatisfactory.chromium.png 0 Added
Form.FormExampleRtl.chromium.png 0 Added
Form.FormExampleSlider.chromium.png 0 Added
Form.Form Example Checkbox.chromium.png 0 Removed
Form.Form Example Components.chromium.png 0 Removed
Form.Form Example Datepicker.chromium.png 0 Removed
Form.Form Example Error And Satisfactory.chromium.png 0 Removed
Form.Form Example Rtl.chromium.png 0 Removed
Form.Form Example Slider.chromium.png 0 Removed
Form.Form Example.chromium.png 0 Removed
Grid 2 screenshots
Image Name Diff(in Pixels) Image Type
Grid.GridExample.chromium.png 0 Added
Grid.Grid Example.chromium.png 0 Removed
Header 18 screenshots
Image Name Diff(in Pixels) Image Type
Header.HeaderExample.chromium.png 0 Added
Header.HeaderExampleAlign.chromium.png 0 Added
Header.HeaderExampleColor.chromium.png 0 Added
Header.HeaderExampleDescription.chromium.png 0 Added
Header.HeaderExampleDescriptionCustomization.chromium.png 0 Added
Header.HeaderExampleDescriptionCustomizationShorthand.chromium.png 0 Added
Header.HeaderExampleDescriptionShorthand.chromium.png 0 Added
Header.HeaderExampleRtl.chromium.png 0 Added
Header.HeadersExampleShorthand.chromium.png 0 Added
Header.Header Example Align.chromium.png 0 Removed
Header.Header Example Color.chromium.png 0 Removed
Header.Header Example Description Customization Shorthand.chromium.png 0 Removed
Header.Header Example Description Customization.chromium.png 0 Removed
Header.Header Example Description Shorthand.chromium.png 0 Removed
Header.Header Example Description.chromium.png 0 Removed
Header.Header Example Rtl.chromium.png 0 Removed
Header.Header Example.chromium.png 0 Removed
Header.Headers Example Shorthand.chromium.png 0 Removed
Image 10 screenshots
Image Name Diff(in Pixels) Image Type
Image.ImageExample.chromium.png 0 Added
Image.ImageExampleAvatar.chromium.png 0 Added
Image.ImageExampleCircular.chromium.png 0 Added
Image.ImageExampleFluent.chromium.png 0 Added
Image.ImageExampleRtl.chromium.png 0 Added
Image.Image Example Avatar.chromium.png 0 Removed
Image.Image Example Circular.chromium.png 0 Removed
Image.Image Example Fluent.chromium.png 0 Removed
Image.Image Example Rtl.chromium.png 0 Removed
Image.Image Example.chromium.png 0 Removed
Input 52 screenshots
Image Name Diff(in Pixels) Image Type
Input.InputExample.chromium.png 0 Added
Input.InputExampleClearable.chromium.png 0 Added
Input.InputExampleClearableTeams.chromium.png 0 Added
Input.InputExampleClearableTeamsDark.chromium.png 0 Added
Input.InputExampleClearableTeamsHighContrast.chromium.png 0 Added
Input.InputExampleDisabled.chromium.png 0 Added
Input.InputExampleFluid.chromium.png 0 Added
Input.InputExampleIcon.chromium.png 0 Added
Input.InputExampleIconClearableShorthand.chromium.png 0 Added
Input.InputExampleIconPosition.chromium.png 0 Added
Input.InputExampleInline.chromium.png 0 Added
Input.InputExampleInputSlot.chromium.png 0 Added
Input.InputExampleLabelShorthand.chromium.png 0 Added
Input.InputExampleLabelShorthandTeams.chromium.png 0 Added
Input.InputExampleLabelShorthandTeamsDark.chromium.png 0 Added
Input.InputExampleLabelShorthandTeamsHighContrast.chromium.png 0 Added
Input.InputExampleRtl.chromium.png 0 Added
Input.InputExampleTargeting.chromium.png 0 Added
Input.InputExampleTeams.chromium.png 0 Added
Input.InputExampleTeamsDark.chromium.png 0 Added
Input.InputExampleTeamsHighContrast.chromium.png 0 Added
Input.InputExampleWrapperSlot.chromium.png 0 Added
Input.Input Example Clearable Teams Dark.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams Dark.chromium.png 0 Removed
Input.Input Example Clearable Teams High Contrast.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams High Contrast.chromium.png 0 Removed
Input.Input Example Clearable Teams.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable Teams.chromium.png 0 Removed
Input.Input Example Clearable.Can be clearable.chromium.png 0 Removed
Input.Input Example Clearable.chromium.png 0 Removed
Input.Input Example Disabled.chromium.png 0 Removed
Input.Input Example Fluid.chromium.png 0 Removed
Input.Input Example Icon Clearable Shorthand.chromium.png 0 Removed
Input.Input Example Icon Position.chromium.png 0 Removed
Input.Input Example Icon.chromium.png 0 Removed
Input.Input Example Inline.chromium.png 0 Removed
Input.Input Example Input Slot.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams Dark.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams Dark.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams High Contrast.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams High Contrast.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand Teams.Input- Labels.chromium.png 0 Removed
Input.Input Example Label Shorthand.Input- Inside Label with Value.chromium.png 0 Removed
Input.Input Example Label Shorthand.Input- Labels.chromium.png 0 Removed
Input.Input Example Rtl.chromium.png 0 Removed
Input.Input Example Targeting.chromium.png 0 Removed
Input.Input Example Teams Dark.chromium.png 0 Removed
Input.Input Example Teams High Contrast.chromium.png 0 Removed
Input.Input Example Teams.chromium.png 0 Removed
Input.Input Example Wrapper Slot.chromium.png 0 Removed
Input.Input Example.chromium.png 0 Removed
ItemLayout 20 screenshots
Image Name Diff(in Pixels) Image Type
ItemLayout.ItemLayoutExampleContent.chromium.png 0 Added
ItemLayout.ItemLayoutExampleContentMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleEndMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeader.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeaderContentShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleHeaderMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleMediaShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleRtlShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleSelectionShorthand.chromium.png 0 Added
ItemLayout.ItemLayoutExampleShorthand.chromium.png 0 Added
ItemLayout.Item Layout Example Content Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Content.chromium.png 0 Removed
ItemLayout.Item Layout Example End Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header Content Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Header.chromium.png 0 Removed
ItemLayout.Item Layout Example Media Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Rtl Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Selection Shorthand.chromium.png 0 Removed
ItemLayout.Item Layout Example Shorthand.chromium.png 0 Removed
Label 18 screenshots
Image Name Diff(in Pixels) Image Type
Label.LabelExample.chromium.png 0 Added
Label.LabelExampleCircularShorthand.chromium.png 0 Added
Label.LabelExampleColor.chromium.png 0 Added
Label.LabelExampleContentCustomizationShorthand.chromium.png 0 Added
Label.LabelExampleIconPositionShorthand.chromium.png 0 Added
Label.LabelExampleIconShorthand.chromium.png 0 Added
Label.LabelExampleImageShorthand.chromium.png 0 Added
Label.LabelExampleRtl.chromium.png 0 Added
Label.LabelExampleShorthand.chromium.png 0 Added
Label.Label Example Circular Shorthand.chromium.png 0 Removed
Label.Label Example Color.chromium.png 0 Removed
Label.Label Example Content Customization Shorthand.chromium.png 0 Removed
Label.Label Example Icon Position Shorthand.chromium.png 0 Removed
Label.Label Example Icon Shorthand.chromium.png 0 Removed
Label.Label Example Image Shorthand.chromium.png 0 Removed
Label.Label Example Rtl.chromium.png 0 Removed
Label.Label Example Shorthand.chromium.png 0 Removed
Label.Label Example.chromium.png 0 Removed
Layout 10 screenshots
Image Name Diff(in Pixels) Image Type
Layout.LayoutExample.chromium.png 0 Added
Layout.LayoutExampleDisappearing.chromium.png 0 Added
Layout.LayoutExampleGap.chromium.png 0 Added
Layout.LayoutExampleReducing.chromium.png 0 Added
Layout.LayoutExampleVertical.chromium.png 0 Added
Layout.Layout Example Disappearing.chromium.png 0 Removed
Layout.Layout Example Gap.chromium.png 0 Removed
Layout.Layout Example Reducing.chromium.png 0 Removed
Layout.Layout Example Vertical.chromium.png 0 Removed
Layout.Layout Example.chromium.png 0 Removed
List 34 screenshots
Image Name Diff(in Pixels) Image Type
List.ListExample.chromium.png 0 Added
List.ListExampleMedia.chromium.png 0 Added
List.ListExampleMediaShorthand.chromium.png 0 Added
List.ListExampleNavigable.chromium.png 0 Added
List.ListExampleNavigableTeams.chromium.png 0 Added
List.ListExampleNavigableTeamsDark.chromium.png 0 Added
List.ListExampleNavigableTeamsHighContrast.chromium.png 0 Added
List.ListExampleRtl.chromium.png 0 Added
List.ListExampleSelectable.chromium.png 0 Added
List.ListExampleSelectableTeams.chromium.png 0 Added
List.ListExampleSelectableTeamsDark.chromium.png 0 Added
List.ListExampleSelectableTeamsHighContrast.chromium.png 0 Added
List.SelectableListControlledExample.chromium.png 0 Added
List.List Example Media Shorthand.chromium.png 0 Removed
List.List Example Media.chromium.png 0 Removed
List.List Example Navigable Teams Dark.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams Dark.chromium.png 0 Removed
List.List Example Navigable Teams High Contrast.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams High Contrast.chromium.png 0 Removed
List.List Example Navigable Teams.Focuses item.chromium.png 0 Removed
List.List Example Navigable Teams.chromium.png 0 Removed
List.List Example Navigable.Focuses item.chromium.png 0 Removed
List.List Example Navigable.chromium.png 0 Removed
List.List Example Rtl.chromium.png 0 Removed
List.List Example Selectable Teams Dark.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams Dark.chromium.png 0 Removed
List.List Example Selectable Teams High Contrast.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams High Contrast.chromium.png 0 Removed
List.List Example Selectable Teams.Focuses item.chromium.png 0 Removed
List.List Example Selectable Teams.chromium.png 0 Removed
List.List Example Selectable.Focuses item.chromium.png 0 Removed
List.List Example Selectable.chromium.png 0 Removed
List.List Example.chromium.png 0 Removed
List.Selectable List Controlled Example.chromium.png 0 Removed
Loader 14 screenshots
Image Name Diff(in Pixels) Image Type
Loader.LoaderExample.chromium.png 0 Added
Loader.LoaderExampleDelay.chromium.png 0 Added
Loader.LoaderExampleInline.chromium.png 0 Added
Loader.LoaderExampleLabel.chromium.png 0 Added
Loader.LoaderExampleRtl.chromium.png 0 Added
Loader.LoaderExampleSecondary.chromium.png 0 Added
Loader.LoaderExampleSize.chromium.png 0 Added
Loader.Loader Example Delay.chromium.png 0 Removed
Loader.Loader Example Inline.chromium.png 0 Removed
Loader.Loader Example Label.chromium.png 0 Removed
Loader.Loader Example Rtl.chromium.png 0 Removed
Loader.Loader Example Secondary.chromium.png 0 Removed
Loader.Loader Example Size.chromium.png 0 Removed
Loader.Loader Example.chromium.png 0 Removed
Menu 220 screenshots
Image Name Diff(in Pixels) Image Type
Menu.MenuControlledExampleDisabled.chromium.png 0 Added
Menu.MenuExample.chromium.png 0 Added
Menu.MenuExampleDividerHorizontal.chromium.png 0 Added
Menu.MenuExampleFluid.chromium.png 0 Added
Menu.MenuExampleIconOnly.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeams.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeamsDark.chromium.png 0 Added
Menu.MenuExampleIconOnlyTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleKind.chromium.png 0 Added
Menu.MenuExamplePointing.chromium.png 0 Added
Menu.MenuExamplePointingTeams.chromium.png 0 Added
Menu.MenuExamplePointingTeamsDark.chromium.png 0 Added
Menu.MenuExamplePointingTeamsHighContrast.chromium.png 0 Added
Menu.MenuExamplePositioningShorthand.chromium.png 0 Added
Menu.MenuExamplePositioningUpdateShorthand.chromium.png 0 Added
Menu.MenuExampleSlot.chromium.png 0 Added
Menu.MenuExampleTabShorthand.chromium.png 0 Added
Menu.MenuExampleTeams.chromium.png 0 Added
Menu.MenuExampleTeamsDark.chromium.png 0 Added
Menu.MenuExampleTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleToolbarShorthand.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeams.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeamsDark.chromium.png 0 Added
Menu.MenuExampleToolbarShorthandTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleUnderlined.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeams.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeamsDark.chromium.png 0 Added
Menu.MenuExampleUnderlinedTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleVertical.chromium.png 0 Added
Menu.MenuExampleVerticalPointing.chromium.png 0 Added
Menu.MenuExampleVerticalTeams.chromium.png 0 Added
Menu.MenuExampleVerticalTeamsDark.chromium.png 0 Added
Menu.MenuExampleVerticalTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleWithIcons.chromium.png 0 Added
Menu.MenuExampleWithSubMenu.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHover.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeams.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeamsDark.chromium.png 0 Added
Menu.MenuExampleWithSubMenuHoverTeamsHighContrast.chromium.png 0 Added
Menu.MenuExampleWithTooltip.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeams.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeamsDark.chromium.png 0 Added
Menu.MenuExampleWithTooltipTeamsHighContrast.chromium.png 0 Added
Menu.MenuItemExampleDisabled.chromium.png 0 Added
Menu.MenuPlayground.chromium.png 0 Added
Menu.MenuWithSubmenuControlledExample.chromium.png 0 Added
Menu.Menu Controlled Example Disabled.chromium.png 0 Removed
Menu.Menu Example Divider Horizontal.chromium.png 0 Removed
Menu.Menu Example Fluid.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams Dark.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only Teams.chromium.png 0 Removed
Menu.Menu Example Icon Only.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Icon Only.chromium.png 0 Removed
Menu.Menu Example Kind.chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams Dark.chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing Teams.chromium.png 0 Removed
Menu.Menu Example Pointing.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Pointing.chromium.png 0 Removed
Menu.Menu Example Positioning Shorthand.chromium.png 0 Removed
Menu.Menu Example Positioning Update Shorthand.chromium.png 0 Removed
Menu.Menu Example Slot.chromium.png 0 Removed
Menu.Menu Example Tab Shorthand.chromium.png 0 Removed
Menu.Menu Example Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams Dark.chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Teams.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams Dark.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand Teams.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Clicks on the last item and opens submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Focuses on the first element in the submenu.chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Toolbar Shorthand.chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams Dark.chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined Teams.chromium.png 0 Removed
Menu.Menu Example Underlined.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Underlined.chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Pointing.chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams Dark.chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical Teams.chromium.png 0 Removed
Menu.Menu Example Vertical.Clicks on 4th item (opens submenu).chromium.png 0 Removed
Menu.Menu Example Vertical.Hovers 1st item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical.Hovers 4th item (hover state styles).chromium.png 0 Removed
Menu.Menu Example Vertical.chromium.png 0 Removed
Menu.Menu Example With Icons.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example With Icons.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams Dark.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover Teams.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.Click 1st item, open menu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.Hovers 2nd item, open submenu.chromium.png 0 Removed
Menu.Menu Example With Sub Menu Hover.chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example With Sub Menu.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams Dark.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams High Contrast.chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip Teams.chromium.png 0 Removed
Menu.Menu Example With Tooltip.Hovers 1st item (show tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip.Navigates to next item (shows tooltip).chromium.png 0 Removed
Menu.Menu Example With Tooltip.chromium.png 0 Removed
Menu.Menu Example.Clicks on 2nd item (active state styles).chromium.png 0 Removed
Menu.Menu Example.Hovers 2nd item (hover state styles).chromium.png 0 Removed
Menu.Menu Example.Navigates to next item (focus state styles).chromium.png 0 Removed
Menu.Menu Example.Navigates to previous item (active and focus state styles).chromium.png 0 Removed
Menu.Menu Example.chromium.png 0 Removed
Menu.Menu Item Example Disabled.chromium.png 0 Removed
Menu.Menu Playground.chromium.png 0 Removed
Menu.Menu With Submenu Controlled Example.chromium.png 0 Removed
MenuButton 5 screenshots
Image Name Diff(in Pixels) Image Type
MenuButton.MenuButtonExampleRtl.chromium.png 0 Added
MenuButton.MenuButtonOpenExample.chromium.png 0 Added
MenuButton.Menu Button Example Rtl.RTL- Shows menuButton.chromium.png 0 Removed
MenuButton.Menu Button Example Rtl.chromium.png 0 Removed
MenuButton.Menu Button Open Example.chromium.png 0 Removed
Pill 20 screenshots
Image Name Diff(in Pixels) Image Type
Pill.PillActionableExample.chromium.png 0 Added
Pill.PillAppearanceExample.chromium.png 0 Added
Pill.PillExample.chromium.png 0 Added
Pill.PillExampleDisabled.chromium.png 0 Added
Pill.PillGroupExample.chromium.png 0 Added
Pill.PillIconExample.chromium.png 0 Added
Pill.PillImageExample.chromium.png 0 Added
Pill.PillRectangularExample.chromium.png 0 Added
Pill.PillSelectableExample.chromium.png 0 Added
Pill.PillSizesExample.chromium.png 0 Added
Pill.Pill Actionable Example.chromium.png 0 Removed
Pill.Pill Appearance Example.chromium.png 0 Removed
Pill.Pill Example Disabled.chromium.png 0 Removed
Pill.Pill Example.chromium.png 0 Removed
Pill.Pill Group Example.chromium.png 0 Removed
Pill.Pill Icon Example.chromium.png 0 Removed
Pill.Pill Image Example.chromium.png 0 Removed
Pill.Pill Rectangular Example.chromium.png 0 Removed
Pill.Pill Selectable Example.chromium.png 0 Removed
Pill.Pill Sizes Example.chromium.png 0 Removed
Popup 66 screenshots
Image Name Diff(in Pixels) Image Type
Popup.PopperExamplePositioning.chromium.png 0 Added
Popup.PopperExampleVisibilityModifiers.chromium.png 0 Added
Popup.PopupCloseButtonExample.chromium.png 0 Added
Popup.PopupControlledExample.chromium.png 0 Added
Popup.PopupControlledExampleTeams.chromium.png 0 Added
Popup.PopupControlledExampleTeamsDark.chromium.png 0 Added
Popup.PopupControlledExampleTeamsHighContrast.chromium.png 0 Added
Popup.PopupCustomTargetExample.chromium.png 0 Added
Popup.PopupExample.chromium.png 0 Added
Popup.PopupExampleAsync.chromium.png 0 Added
Popup.PopupExampleAutoSize.chromium.png 0 Added
Popup.PopupExampleContainerTransformed.chromium.png 0 Added
Popup.PopupExampleInline.chromium.png 0 Added
Popup.PopupExampleNested.chromium.png 0 Added
Popup.PopupExampleOffset.chromium.png 0 Added
Popup.PopupExamplePointerMargin.chromium.png 0 Added
Popup.PopupExamplePointerOffset.chromium.png 0 Added
Popup.PopupExamplePointing.chromium.png 0 Added
Popup.PopupExamplePosition.chromium.png 0 Added
Popup.PopupExampleRtl.chromium.png 0 Added
Popup.PopupExampleTeams.chromium.png 0 Added
Popup.PopupExampleTeamsDark.chromium.png 0 Added
Popup.PopupExampleTeamsHighContrast.chromium.png 0 Added
Popup.PopupFocusTrapExample.chromium.png 0 Added
Popup.PopupScrollExample.chromium.png 0 Added
Popup.Popper Example Positioning.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.Opened a popup on second message.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-escaped] when the popper escapes the reference element's boundary.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-is-intersecting] when the popover intersects boundaries.chromium.png 0 Removed
Popup.Popper Example Visibility Modifiers.has [data-popper-reference-hidden] when the reference is hidden.chromium.png 0 Removed
Popup.Popup Close Button Example.chromium.png 0 Removed
Popup.Popup Controlled Example Teams Dark.chromium.png 0 Removed
Popup.Popup Controlled Example Teams High Contrast.chromium.png 0 Removed
Popup.Popup Controlled Example Teams.chromium.png 0 Removed
Popup.Popup Controlled Example.chromium.png 0 Removed
Popup.Popup Custom Target Example.chromium.png 0 Removed
Popup.Popup Example Async.chromium.png 0 Removed
Popup.Popup Example Auto Size.chromium.png 0 Removed
Popup.Popup Example Container Transformed.chromium.png 0 Removed
Popup.Popup Example Inline.chromium.png 0 Removed
Popup.Popup Example Nested.chromium.png 0 Removed
Popup.Popup Example Offset.Opens a popup.chromium.png 0 Removed
Popup.Popup Example Offset.chromium.png 0 Removed
Popup.Popup Example Pointer Margin.chromium.png 0 Removed
Popup.Popup Example Pointer Offset.chromium.png 0 Removed
Popup.Popup Example Pointing.chromium.png 0 Removed
Popup.Popup Example Position.chromium.png 0 Removed
Popup.Popup Example Rtl.RTL- Shows popup.chromium.png 0 Removed
Popup.Popup Example Rtl.chromium.png 0 Removed
Popup.Popup Example Teams Dark.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams Dark.chromium.png 0 Removed
Popup.Popup Example Teams High Contrast.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams High Contrast.chromium.png 0 Removed
Popup.Popup Example Teams.Shows popup.chromium.png 0 Removed
Popup.Popup Example Teams.chromium.png 0 Removed
Popup.Popup Example.Shows popup.chromium.png 0 Removed
Popup.Popup Example.chromium.png 0 Removed
Popup.Popup Focus Trap Example.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for inline controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Click on trigger button for popup with trap focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for inline controlled popup with manual focus.chromium.png 0 Removed
Popup.Popup Scroll Example.Scroll to trigger button for popup with trap focus.chromium.png 0 Removed
Popup.Popup Scroll Example.chromium.png 0 Removed
Portal 2 screenshots
Image Name Diff(in Pixels) Image Type
Portal.PortalExampleOpen.chromium.png 0 Added
Portal.Portal Example Open.chromium.png 0 Removed
Provider 15 screenshots
Image Name Diff(in Pixels) Image Type
Provider.ProviderExampleAnimation.chromium.png 0 Added
Provider.ProviderExampleFocusBorderShorthand.chromium.png 0 Added
Provider.ProviderExampleScrollbar.chromium.png 0 Added
Provider.ProviderExampleShorthand.chromium.png 0 Added
Provider.ProviderExampleTarget.chromium.png 0 Added
Provider.ProviderExampleTargetFrame.chromium.png 0 Added
Provider.ProviderRtlExample.chromium.png 0 Added
Provider.Provider Example Animation.chromium.png 0 Removed
Provider.Provider Example Focus Border Shorthand.Show overridden border focused styles.chromium.png 0 Removed
Provider.Provider Example Focus Border Shorthand.chromium.png 0 Removed
Provider.Provider Example Scrollbar.chromium.png 0 Removed
Provider.Provider Example Shorthand.chromium.png 0 Removed
Provider.Provider Example Target Frame.chromium.png 0 Removed
Provider.Provider Example Target.chromium.png 0 Removed
Provider.Provider Rtl Example.chromium.png 0 Removed
RadioGroup 20 screenshots
Image Name Diff(in Pixels) Image Type
RadioGroup.RadioGroupColorPickerExample.chromium.png 0 Added
RadioGroup.RadioGroupCustomExample.chromium.png 0 Added
RadioGroup.RadioGroupExampleRtl.chromium.png 0 Added
RadioGroup.RadioGroupItemExample.chromium.png 0 Added
RadioGroup.RadioGroupItemExampleCheckedShorthand.chromium.png 0 Added
RadioGroup.RadioGroupItemExampleDisabledShorthand.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExample.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeams.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeamsDark.chromium.png 0 Added
RadioGroup.RadioGroupVerticalExampleTeamsHighContrast.chromium.png 0 Added
RadioGroup.Radio Group Color Picker Example.chromium.png 0 Removed
RadioGroup.Radio Group Custom Example.chromium.png 0 Removed
RadioGroup.Radio Group Example Rtl.chromium.png 0 Removed
RadioGroup.Radio Group Item Example Checked Shorthand.chromium.png 0 Removed
RadioGroup.Radio Group Item Example Disabled Shorthand.chromium.png 0 Removed
RadioGroup.Radio Group Item Example.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams Dark.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams High Contrast.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example Teams.chromium.png 0 Removed
RadioGroup.Radio Group Vertical Example.chromium.png 0 Removed
Reaction 6 screenshots
Image Name Diff(in Pixels) Image Type
Reaction.ReactionExample.chromium.png 0 Added
Reaction.ReactionGroupExample.chromium.png 0 Added
Reaction.ReactionGroupExampleRtl.chromium.png 0 Added
Reaction.Reaction Example.chromium.png 0 Removed
Reaction.Reaction Group Example Rtl.chromium.png 0 Removed
Reaction.Reaction Group Example.chromium.png 0 Removed
Segment 14 screenshots
Image Name Diff(in Pixels) Image Type
Segment.SegmentExample.chromium.png 0 Added
Segment.SegmentExampleColor.chromium.png 0 Added
Segment.SegmentExampleDisabled.chromium.png 0 Added
Segment.SegmentExampleDisabledShorthand.chromium.png 0 Added
Segment.SegmentExampleInvertedShorthand.chromium.png 0 Added
Segment.SegmentExampleRtl.chromium.png 0 Added
Segment.SegmentExampleShorthand.chromium.png 0 Added
Segment.Segment Example Color.chromium.png 0 Removed
Segment.Segment Example Disabled Shorthand.chromium.png 0 Removed
Segment.Segment Example Disabled.chromium.png 0 Removed
Segment.Segment Example Inverted Shorthand.chromium.png 0 Removed
Segment.Segment Example Rtl.chromium.png 0 Removed
Segment.Segment Example Shorthand.chromium.png 0 Removed
Segment.Segment Example.chromium.png 0 Removed
Skeleton 10 screenshots
Image Name Diff(in Pixels) Image Type
Skeleton.SkeletonExampleAnimations.chromium.png 0 Added
Skeleton.SkeletonExampleCard.chromium.png 0 Added
Skeleton.SkeletonExampleComponents.chromium.png 0 Added
Skeleton.SkeletonExampleDefault.chromium.png 0 Added
Skeleton.SkeletonExampleList.chromium.png 0 Added
Skeleton.Skeleton Example Animations.chromium.png 0 Removed
Skeleton.Skeleton Example Card.chromium.png 0 Removed
Skeleton.Skeleton Example Components.chromium.png 0 Removed
Skeleton.Skeleton Example Default.chromium.png 0 Removed
Skeleton.Skeleton Example List.chromium.png 0 Removed
Slider 34 screenshots
Image Name Diff(in Pixels) Image Type
Slider.SliderExampleActionShorthand.chromium.png 0 Added
Slider.SliderExampleDisabledShorthand.chromium.png 0 Added
Slider.SliderExampleFluidShorthand.chromium.png 0 Added
Slider.SliderExampleFormShorthand.chromium.png 0 Added
Slider.SliderExampleRtl.chromium.png 0 Added
Slider.SliderExampleRtlTeams.chromium.png 0 Added
Slider.SliderExampleRtlTeamsDark.chromium.png 0 Added
Slider.SliderExampleRtlTeamsHighContrast.chromium.png 0 Added
Slider.SliderExampleShorthand.chromium.png 0 Added
Slider.SliderExampleShorthandTeams.chromium.png 0 Added
Slider.SliderExampleShorthandTeamsDark.chromium.png 0 Added
Slider.SliderExampleShorthandTeamsHighContrast.chromium.png 0 Added
Slider.SliderExampleVerticalShorthand.chromium.png 0 Added
Slider.Slider Example Action Shorthand.chromium.png 0 Removed
Slider.Slider Example Disabled Shorthand.chromium.png 0 Removed
Slider.Slider Example Fluid Shorthand.chromium.png 0 Removed
Slider.Slider Example Form Shorthand.chromium.png 0 Removed
Slider.Slider Example Rtl Teams Dark.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams Dark.chromium.png 0 Removed
Slider.Slider Example Rtl Teams High Contrast.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams High Contrast.chromium.png 0 Removed
Slider.Slider Example Rtl Teams.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl Teams.chromium.png 0 Removed
Slider.Slider Example Rtl.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Rtl.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams Dark.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams Dark.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams High Contrast.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams High Contrast.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand Teams.chromium.png 0 Removed
Slider.Slider Example Shorthand.Navigates to the right with the up arrow key.chromium.png 0 Removed
Slider.Slider Example Shorthand.chromium.png 0 Removed
Slider.Slider Example Vertical Shorthand.chromium.png 0 Removed
SplitButton 26 screenshots
Image Name Diff(in Pixels) Image Type
SplitButton.SplitButtonExampleDisabledShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleFlat.chromium.png 0 Added
SplitButton.SplitButtonExamplePrimaryShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainer.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeams.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeamsDark.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallContainerTeamsHighContrast.chromium.png 0 Added
SplitButton.SplitButtonExampleSmallShorthand.chromium.png 0 Added
SplitButton.SplitButtonExampleToggleButtonShorthand.chromium.png 0 Added
SplitButton.SplitButtonIconAndContentExampleShorthand.chromium.png 0 Added
SplitButton.SplitButtonMainOptionChangeExample.chromium.png 0 Added
SplitButton.SplitButtonPositioningExampleShorthand.chromium.png 0 Added
SplitButton.Split Button Example Disabled Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Flat.chromium.png 0 Removed
SplitButton.Split Button Example Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams Dark.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams High Contrast.chromium.png 0 Removed
SplitButton.Split Button Example Small Container Teams.chromium.png 0 Removed
SplitButton.Split Button Example Small Container.chromium.png 0 Removed
SplitButton.Split Button Example Small Shorthand.chromium.png 0 Removed
SplitButton.Split Button Example Toggle Button Shorthand.chromium.png 0 Removed
SplitButton.Split Button Icon And Content Example Shorthand.chromium.png 0 Removed
SplitButton.Split Button Main Option Change Example.chromium.png 0 Removed
SplitButton.Split Button Positioning Example Shorthand.Open menu.chromium.png 0 Removed
SplitButton.Split Button Positioning Example Shorthand.chromium.png 0 Removed
Status 18 screenshots
Image Name Diff(in Pixels) Image Type
Status.StatusColorExampleShorthand.chromium.png 0 Added
Status.StatusCustomExampleShorthand.chromium.png 0 Added
Status.StatusExampleShorthand.chromium.png 0 Added
Status.StatusIconExampleShorthand.chromium.png 0 Added
Status.StatusSizeExampleShorthand.chromium.png 0 Added
Status.StatusTypeExampleShorthand.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeams.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeamsDark.chromium.png 0 Added
Status.StatusTypeExampleShorthandTeamsHighContrast.chromium.png 0 Added
Status.Status Color Example Shorthand.chromium.png 0 Removed
Status.Status Custom Example Shorthand.chromium.png 0 Removed
Status.Status Example Shorthand.chromium.png 0 Removed
Status.Status Icon Example Shorthand.chromium.png 0 Removed
Status.Status Size Example Shorthand.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams Dark.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams High Contrast.chromium.png 0 Removed
Status.Status Type Example Shorthand Teams.chromium.png 0 Removed
Status.Status Type Example Shorthand.chromium.png 0 Removed
SvgIcon 72 screenshots
Image Name Diff(in Pixels) Image Type
SvgIcon.SvgIconExample.chromium.png 0 Added
SvgIcon.SvgIconExampleCircular.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleCircularTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleColor.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleColorTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabled.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleDisabledTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleRotate.chromium.png 0 Added
SvgIcon.SvgIconExampleRotateRtl.chromium.png 0 Added
SvgIcon.SvgIconExampleRtl.chromium.png 0 Added
SvgIcon.SvgIconExampleSize.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleSizeTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleSpace.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleSpaceTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconExampleTeams.chromium.png 0 Added
SvgIcon.SvgIconExampleTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconExampleTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthand.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeams.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeamsDark.chromium.png 0 Added
SvgIcon.SvgIconSetExampleShorthandTeamsHighContrast.chromium.png 0 Added
SvgIcon.SvgPlayground.chromium.png 0 Added
SvgIcon.SvgconExampleBordered.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeams.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeamsDark.chromium.png 0 Added
SvgIcon.SvgconExampleBorderedTeamsHighContrast.chromium.png 0 Added
SvgIcon.Svg Icon Example Circular Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Circular.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Color.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Disabled.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rotate Rtl.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rotate.chromium.png 0 Removed
SvgIcon.Svg Icon Example Rtl.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Size.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example Space.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Example Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Example.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams Dark.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand Teams.chromium.png 0 Removed
SvgIcon.Svg Icon Set Example Shorthand.chromium.png 0 Removed
SvgIcon.Svg Playground.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams Dark.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams High Contrast.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered Teams.chromium.png 0 Removed
SvgIcon.Svgcon Example Bordered.chromium.png 0 Removed
Table 14 screenshots
Image Name Diff(in Pixels) Image Type
Table.StaticTable.chromium.png 0 Added
Table.StaticTableCompact.chromium.png 0 Added
Table.StaticTableTeams.chromium.png 0 Added
Table.StaticTableTeamsDark.chromium.png 0 Added
Table.StaticTableTeamsHighContrast.chromium.png 0 Added
Table.TableExampleStatic.chromium.png 0 Added
Table.TableExampleStaticShorthand.chromium.png 0 Added
Table.Static Table Compact.chromium.png 0 Removed
Table.Static Table Teams Dark.chromium.png 0 Removed
Table.Static Table Teams High Contrast.chromium.png 0 Removed
Table.Static Table Teams.chromium.png 0 Removed
Table.Static Table.chromium.png 0 Removed
Table.Table Example Static Shorthand.chromium.png 0 Removed
Table.Table Example Static.chromium.png 0 Removed
Text 46 screenshots
Image Name Diff(in Pixels) Image Type
Text.HeaderExampleAlign.chromium.png 0 Added
Text.TextExampleAtMention.chromium.png 0 Added
Text.TextExampleAtMentionShorthand.chromium.png 0 Added
Text.TextExampleColor.chromium.png 0 Added
Text.TextExampleDisabled.chromium.png 0 Added
Text.TextExampleDisabledShorthand.chromium.png 0 Added
Text.TextExampleError.chromium.png 0 Added
Text.TextExampleErrorShorthand.chromium.png 0 Added
Text.TextExampleImportant.chromium.png 0 Added
Text.TextExampleImportantShorthand.chromium.png 0 Added
Text.TextExampleRtl.chromium.png 0 Added
Text.TextExampleSuccess.chromium.png 0 Added
Text.TextExampleSuccessShorthand.chromium.png 0 Added
Text.TextExampleTemporary.chromium.png 0 Added
Text.TextExampleTemporaryShorthand.chromium.png 0 Added
Text.TextExampleTimestamp.chromium.png 0 Added
Text.TextExampleTimestampShorthand.chromium.png 0 Added
Text.TextExampleTruncated.chromium.png 0 Added
Text.TextExampleTruncatedShorthand.chromium.png 0 Added
Text.TextSizesExample.chromium.png 0 Added
Text.TextSizesExampleShorthand.chromium.png 0 Added
Text.TextWeightsExample.chromium.png 0 Added
Text.TextWeightsExampleShorthand.chromium.png 0 Added
Text.Header Example Align.chromium.png 0 Removed
Text.Text Example At Mention Shorthand.chromium.png 0 Removed
Text.Text Example At Mention.chromium.png 0 Removed
Text.Text Example Color.chromium.png 0 Removed
Text.Text Example Disabled Shorthand.chromium.png 0 Removed
Text.Text Example Disabled.chromium.png 0 Removed
Text.Text Example Error Shorthand.chromium.png 0 Removed
Text.Text Example Error.chromium.png 0 Removed
Text.Text Example Important Shorthand.chromium.png 0 Removed
Text.Text Example Important.chromium.png 0 Removed
Text.Text Example Rtl.chromium.png 0 Removed
Text.Text Example Success Shorthand.chromium.png 0 Removed
Text.Text Example Success.chromium.png 0 Removed
Text.Text Example Temporary Shorthand.chromium.png 0 Removed
Text.Text Example Temporary.chromium.png 0 Removed
Text.Text Example Timestamp Shorthand.chromium.png 0 Removed
Text.Text Example Timestamp.chromium.png 0 Removed
Text.Text Example Truncated Shorthand.chromium.png 0 Removed
Text.Text Example Truncated.chromium.png 0 Removed
Text.Text Sizes Example Shorthand.chromium.png 0 Removed
Text.Text Sizes Example.chromium.png 0 Removed
Text.Text Weights Example Shorthand.chromium.png 0 Removed
Text.Text Weights Example.chromium.png 0 Removed
TextArea 32 screenshots
Image Name Diff(in Pixels) Image Type
TextArea.TextAreaDisabledExample.chromium.png 0 Added
TextArea.TextAreaExample.chromium.png 0 Added
TextArea.TextAreaExampleFluid.chromium.png 0 Added
TextArea.TextAreaExampleHeight.chromium.png 0 Added
TextArea.TextAreaExampleInverted.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeams.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeamsDark.chromium.png 0 Added
TextArea.TextAreaExampleInvertedTeamsHighContrast.chromium.png 0 Added
TextArea.TextAreaExampleMaxLength.chromium.png 0 Added
TextArea.TextAreaExampleResize.chromium.png 0 Added
TextArea.TextAreaExampleTeams.chromium.png 0 Added
TextArea.TextAreaExampleTeamsDark.chromium.png 0 Added
TextArea.TextAreaExampleTeamsHighContrast.chromium.png 0 Added
TextArea.TextAreaValueExample.chromium.png 0 Added
TextArea.Text Area Disabled Example.chromium.png 0 Removed
TextArea.Text Area Example Fluid.chromium.png 0 Removed
TextArea.Text Area Example Height.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams Dark.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams High Contrast.chromium.png 0 Removed
TextArea.Text Area Example Inverted Teams.chromium.png 0 Removed
TextArea.Text Area Example Inverted.chromium.png 0 Removed
TextArea.Text Area Example Max Length.chromium.png 0 Removed
TextArea.Text Area Example Resize.chromium.png 0 Removed
TextArea.Text Area Example Teams Dark.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams Dark.chromium.png 0 Removed
TextArea.Text Area Example Teams High Contrast.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams High Contrast.chromium.png 0 Removed
TextArea.Text Area Example Teams.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example Teams.chromium.png 0 Removed
TextArea.Text Area Example.Can be focused.chromium.png 0 Removed
TextArea.Text Area Example.chromium.png 0 Removed
TextArea.Text Area Value Example.chromium.png 0 Removed
Toolbar 76 screenshots
Image Name Diff(in Pixels) Image Type
Toolbar.ToolbarExample.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenu.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeams.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleActionPopupInMenuTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleCustomContentShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleEditorShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleMenuItemToggle.chromium.png 0 Added
Toolbar.ToolbarExampleMenuRadioGroup.chromium.png 0 Added
Toolbar.ToolbarExampleMenuShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleMenuWithSubmenuShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleOverflow.chromium.png 0 Added
Toolbar.ToolbarExampleOverflowPositioningShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleOverflowPositioningShorthandRtl.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenu.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeams.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExamplePopupInMenuTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthand.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExamplePopupShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleRadioGroupShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleShorthand.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeams.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeamsDark.chromium.png 0 Added
Toolbar.ToolbarExampleShorthandTeamsHighContrast.chromium.png 0 Added
Toolbar.ToolbarExampleVariables.chromium.png 0 Added
Toolbar.Toolbar Example Action Popup In Menu Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Action Popup In Menu.chromium.png 0 Removed
Toolbar.Toolbar Example Custom Content Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Editor Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Item Toggle.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Radio Group.chromium.png 0 Removed
Toolbar.Toolbar Example Menu Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Menu With Submenu Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.RTL- Overflow item is properly positioned.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand Rtl.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand.Overflow item is properly positioned.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow Positioning Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Overflow.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Popup In Menu.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Popup Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Radio Group Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams Dark.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams High Contrast.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand Teams.chromium.png 0 Removed
Toolbar.Toolbar Example Shorthand.chromium.png 0 Removed
Toolbar.Toolbar Example Variables.chromium.png 0 Removed
Toolbar.Toolbar Example.chromium.png 0 Removed
Tooltip 46 screenshots
Image Name Diff(in Pixels) Image Type
Tooltip.TooltipExample.chromium.png 0 Added
Tooltip.TooltipExampleDialogContentShorthand.chromium.png 0 Added
Tooltip.TooltipExampleDisabledTrigger.chromium.png 0 Added
Tooltip.TooltipExampleDismissOnContentMouseEnter.chromium.png 0 Added
Tooltip.TooltipExamplePointerMargin.chromium.png 0 Added
Tooltip.TooltipExamplePointing.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeams.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeamsDark.chromium.png 0 Added
Tooltip.TooltipExamplePointingTeamsHighContrast.chromium.png 0 Added
Tooltip.TooltipExamplePosition.chromium.png 0 Added
Tooltip.TooltipExampleRtl.chromium.png 0 Added
Tooltip.TooltipExampleTarget.chromium.png 0 Added
Tooltip.TooltipExampleTeams.chromium.png 0 Added
Tooltip.TooltipExampleTeamsDark.chromium.png 0 Added
Tooltip.TooltipExampleTeamsHighContrast.chromium.png 0 Added
Tooltip.TooltipOpenExample.chromium.png 0 Added
Tooltip.Tooltip Example Dialog Content Shorthand.Shows tooltip in a dialog.chromium.png 0 Removed
Tooltip.Tooltip Example Dialog Content Shorthand.chromium.png 0 Removed
Tooltip.Tooltip Example Disabled Trigger.chromium.png 0 Removed
Tooltip.Tooltip Example Dismiss On Content Mouse Enter.chromium.png 0 Removed
Tooltip.Tooltip Example Pointer Margin.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams Dark.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams High Contrast.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing Teams.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.Has outline on keyboard.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.No outline after click.chromium.png 0 Removed
Tooltip.Tooltip Example Pointing.chromium.png 0 Removed
Tooltip.Tooltip Example Position.chromium.png 0 Removed
Tooltip.Tooltip Example Rtl.RTL- Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Rtl.chromium.png 0 Removed
Tooltip.Tooltip Example Target.chromium.png 0 Removed
Tooltip.Tooltip Example Teams Dark.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams Dark.chromium.png 0 Removed
Tooltip.Tooltip Example Teams High Contrast.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams High Contrast.chromium.png 0 Removed
Tooltip.Tooltip Example Teams.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example Teams.chromium.png 0 Removed
Tooltip.Tooltip Example.Shows tooltip.chromium.png 0 Removed
Tooltip.Tooltip Example.chromium.png 0 Removed
Tooltip.Tooltip Open Example.chromium.png 0 Removed
Tree 56 screenshots
Image Name Diff(in Pixels) Image Type
Tree.TreeExampleShorthand.chromium.png 0 Added
Tree.TreeExampleShorthandTeams.chromium.png 0 Added
Tree.TreeExampleShorthandTeamsDark.chromium.png 0 Added
Tree.TreeExampleShorthandTeamsHighContrast.chromium.png 0 Added
Tree.TreeExclusiveExample.chromium.png 0 Added
Tree.TreeInitiallyOpenExampleShorthand.chromium.png 0 Added
Tree.TreeMultiselectExample.chromium.png 0 Added
Tree.TreeMultiselectExampleTeams.chromium.png 0 Added
Tree.TreeMultiselectExampleTeamsDark.chromium.png 0 Added
Tree.TreeMultiselectExampleTeamsHighContrast.chromium.png 0 Added
Tree.TreeTitleCustomizationExample.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeams.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeamsDark.chromium.png 0 Added
Tree.TreeTitleCustomizationExampleTeamsHighContrast.chromium.png 0 Added
Tree.Tree Example Shorthand Teams Dark.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams Dark.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams High Contrast.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand Teams.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on click leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on click subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on keyboard leaf.chromium.png 0 Removed
Tree.Tree Example Shorthand.Focus on keyboard subtree.chromium.png 0 Removed
Tree.Tree Example Shorthand.chromium.png 0 Removed
Tree.Tree Exclusive Example.chromium.png 0 Removed
Tree.Tree Initially Open Example Shorthand.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams Dark.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams High Contrast.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example Teams.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Multiselect Example.chromium.png 0 Removed
Tree.Tree Multiselect Example.default selected states.chromium.png 0 Removed
Tree.Tree Multiselect Example.first expanded, not custom checkbox visible.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams Dark.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams Dark.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams High Contrast.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams High Contrast.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example Teams.chromium.png 0 Removed
Tree.Tree Title Customization Example.Exapanded.chromium.png 0 Removed
Tree.Tree Title Customization Example.chromium.png 0 Removed
Video 2 screenshots
Image Name Diff(in Pixels) Image Type
Video.VideoExample.chromium.png 0 Added
Video.Video Example.chromium.png 0 Removed

fabricteam
fabricteam reviewed Aug 7, 2024
View reviewed changes
.storybook/docs-root.css
@@ -1,24 +1,26 @@
#docs-root .sbdocs-content {
#storybook-docs .sbdocs-content {
Copy link
Collaborator

@fabricteam fabricteam Aug 7, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🕵🏾‍♀️ visual regressions to review in the fluentuiv9 Visual Regression Report

Diffs exceeded the limit allowed for comments. Please use the report link above to check your diffs.

This was referenced Aug 7, 2024
Merged
Merged
This was referenced Aug 9, 2024
Merged
Merged
This was referenced Aug 26, 2024
Closed
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@radium-v radium-v radium-v left review comments

@fabricteam fabricteam fabricteam left review comments

@Hotell Hotell Hotell approved these changes

@Mitch-At-Work Mitch-At-Work Awaiting requested review from Mitch-At-Work Mitch-At-Work is a code owner

@tomi-msft tomi-msft Awaiting requested review from tomi-msft

@sopranopillow sopranopillow Awaiting requested review from sopranopillow

@marcosmoura marcosmoura Awaiting requested review from marcosmoura

@mltejera mltejera Awaiting requested review from mltejera

@smhigley smhigley Awaiting requested review from smhigley

@GeoffCoxMSFT GeoffCoxMSFT Awaiting requested review from GeoffCoxMSFT

@khmakoto khmakoto Awaiting requested review from khmakoto

@ms-acalzaretto ms-acalzaretto Awaiting requested review from ms-acalzaretto

@chpalac chpalac Awaiting requested review from chpalac chpalac is a code owner

@ling1726 ling1726 Awaiting requested review from ling1726

@behowell behowell Awaiting requested review from behowell

@spmonahan spmonahan Awaiting requested review from spmonahan spmonahan is a code owner

@micahgodbolt micahgodbolt Awaiting requested review from micahgodbolt

Assignees

@dmytrokirpa dmytrokirpa

Labels

Storybook

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

[Feature]: migrate to Storybook 7

4 participants

@dmytrokirpa @fabricteam @radium-v @Hotell