Skip to content

[Docs] Add a sticker sheet - #4995

Draft
Vincent Baaij (vnbaaij) wants to merge 10 commits into
devfrom
users/vnbaaij/add-sticker-sheet
Draft

Vincent Baaij (vnbaaij) wants to merge 10 commits into
devfrom
users/vnbaaij/add-sticker-sheet

Conversation

@vnbaaij

Copy link
Copy Markdown
Collaborator

Initial work to add a sticker sheet containing all components with a UI in their simplest form:

image

Copilot AI review requested due to automatic review settings July 4, 2026 13:18

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Pull request overview

This PR introduces an initial “Sticker Sheet” page to the FluentUI Demo documentation, intended to show many Fluent UI Blazor components in a minimal, at-a-glance layout. It adds the page + docs entry, styling for the sticker sheet grid/cards, and a set of per-component “Card” components used to render each sample.

Changes:

  • Add a new StickerSheet documentation page (.md + .razor) that renders a grid of component samples via DynamicComponent.
  • Add sticker-sheet-specific styling to the Demo client app.css.
  • Add many new “Card” components under Documentation/GetStarted/Cards/ to render minimal examples for each listed component.

Reviewed changes

Copilot reviewed 69 out of 69 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
examples/Demo/FluentUI.Demo.Client/wwwroot/app.css Adds sticker-sheet layout/card styling (and minor formatting adjustments to existing selectors).
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/StickerSheet.razor Renders the sticker sheet grid and dynamically instantiates each per-component card.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/StickerSheet.md Adds the docs page entry/metadata and embeds the StickerSheet component.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentAccordionCard.razor Sticker sheet card component for Accordion.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentAnchorButtonCard.razor Sticker sheet card component for Anchor Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentAppBarCard.razor Sticker sheet card component for App Bar.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentAutocompleteCard.razor Sticker sheet card component for Autocomplete (includes search handler).
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentAvatarCard.razor Sticker sheet card component for Avatar.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentBadgeCard.razor Sticker sheet card component for Badge.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentButtonCard.razor Sticker sheet card component for Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentCalendarCard.razor Sticker sheet card stub for Calendar.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentCardCard.razor Sticker sheet card component for Card.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentCheckboxCard.razor Sticker sheet card component for Checkbox (checked/unchecked/disabled/indeterminate).
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentColorPickerCard.razor Sticker sheet card stub for ColorPicker.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentComboboxCard.razor Sticker sheet card stub for ComboBox.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentCompoundButtonCard.razor Sticker sheet card stub for Compound Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentCounterBadgeCard.razor Sticker sheet card stub for Counter Badge.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentDataGridCard.razor Sticker sheet card stub for Data Grid.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentDatePickerCard.razor Sticker sheet card stub for Date Picker.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentDialogCard.razor Sticker sheet card stub for Dialog.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentDividerCard.razor Sticker sheet card component for Divider (default/text/brand/subtle).
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentEmojiCard.razor Sticker sheet card stub for Emoji.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentFieldCard.razor Sticker sheet card component demonstrating a field-style input scenario.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentFormValidationCard.razor Sticker sheet card component showing an EditForm + data annotations validation.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentHighlighterCard.razor Sticker sheet card stub for Highlighter.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentIconCard.razor Sticker sheet card stub for Icon.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentImageCard.razor Sticker sheet card stub for Image.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentInputFileCard.razor Sticker sheet card stub for Input File.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentLabelCard.razor Sticker sheet card stub for Label.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentLabelInfoCard.razor Sticker sheet card stub for Label Info.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentLinkCard.razor Sticker sheet card stub for Link.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentListBaseCard.razor Sticker sheet card stub for List Base.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentListboxCard.razor Sticker sheet card stub for Listbox.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMenuButtonCard.razor Sticker sheet card stub for Menu Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMenuCard.razor Sticker sheet card stub for Menu.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMessageBarCard.razor Sticker sheet card stub for Message Bar.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMessageBarProviderCard.razor Sticker sheet card stub for Message Bar Provider.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMessageBoxCard.razor Sticker sheet card stub for Message Box.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentMultiSplitterCard.razor Sticker sheet card stub for Multi Splitter.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentNavCard.razor Sticker sheet card stub for Nav.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentNumberInputCard.razor Sticker sheet card stub for Number Input.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentOptionCard.razor Sticker sheet card stub for Option.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentOverflowCard.razor Sticker sheet card stub for Overflow.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentOverflowItemCard.razor Sticker sheet card stub for Overflow Item.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentOverlayCard.razor Sticker sheet card stub for Overlay.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentPaginatorCard.razor Sticker sheet card stub for Paginator.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentPopoverCard.razor Sticker sheet card stub for Popover.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentPresenceBadgeCard.razor Sticker sheet card stub for Presence Badge.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentProgressBarCard.razor Sticker sheet card stub for Progress Bar.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentPullToRefreshCard.razor Sticker sheet card stub for Pull To Refresh.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentRadioGroupCard.razor Sticker sheet card stub for Radio Group.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentRatingDisplayCard.razor Sticker sheet card stub for Rating Display.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSelectCard.razor Sticker sheet card stub for Select.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSkeletonCard.razor Sticker sheet card stub for Skeleton.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSliderCard.razor Sticker sheet card stub for Slider.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSortableListCard.razor Sticker sheet card stub for Sortable List.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSpinnerCard.razor Sticker sheet card stub for Spinner.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSplitButtonCard.razor Sticker sheet card stub for Split Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentSwitchCard.razor Sticker sheet card stub for Switch.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTabsCard.razor Sticker sheet card stub for Tabs.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTextAreaCard.razor Sticker sheet card stub for Text Area.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTextCard.razor Sticker sheet card stub for Text.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTextInputCard.razor Sticker sheet card stub for Text Input.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTimePickerCard.razor Sticker sheet card stub for Time Picker.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentToastCard.razor Sticker sheet card stub for Toast.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentToggleButtonCard.razor Sticker sheet card stub for Toggle Button.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTooltipCard.razor Sticker sheet card stub for Tooltip.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentTreeViewCard.razor Sticker sheet card stub for Tree View.
examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/Cards/FluentWizardCard.razor Sticker sheet card stub for Wizard.

Comment thread examples/Demo/FluentUI.Demo.Client/Documentation/GetStarted/StickerSheet.razor Outdated
@github-actions

github-actions Bot commented Jul 4, 2026

Copy link
Copy Markdown

✅ All tests passed successfully

Details on your Workflow / Core Tests page.

@github-actions

github-actions Bot commented Jul 4, 2026

Copy link
Copy Markdown

Summary - Unit Tests Code Coverage

Summary
Generated on: 09/17/2026 - 10:20:34
Parser: MultiReport (6x Cobertura)
Assemblies: 2
Classes: 322
Files: 376
Line coverage: 98.5% (11922 of 12092)
Covered lines: 11922
Uncovered lines: 170
Coverable lines: 12092
Total lines: 45749
Branch coverage: 92.5% (7050 of 7618)
Covered branches: 7050
Total branches: 7618
Method coverage: Feature is only available for sponsors
Tag: 7635_35209457201

Coverage

Microsoft.FluentUI.AspNetCore.Components - 98.5%
Name Line Branch
Microsoft.FluentUI.AspNetCore.Components 98.5% 92.4%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions.Add
itionalAttributeCondition
100% 100%
Microsoft.FluentUI.AspNetCore.Components.AdditionalAttributesExtensions.Add
itionalAttributeCondition.AdditionalAttributeConditionItem
100%
Microsoft.FluentUI.AspNetCore.Components.AutocompleteHeaderFooterContent<TO
ption>
100% 50%
Microsoft.FluentUI.AspNetCore.Components.CachedServices 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarExtended 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarTitles 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarTValue 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Calendar.CalendarTValue 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColorPicker.ColorHelper 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColorPicker.DefaultColors 100%
Microsoft.FluentUI.AspNetCore.Components.ColorPicker.HsvColor 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColorPicker.WheelColor 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase 78.7% 73.5%
Microsoft.FluentUI.AspNetCore.Components.ColumnBase 97.6% 89.2%
Microsoft.FluentUI.AspNetCore.Components.ColumnHeaderCapabilities 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColumnKeyGridSort 94.4% 75%
Microsoft.FluentUI.AspNetCore.Components.ColumnMenuSettings 100%
Microsoft.FluentUI.AspNetCore.Components.ColumnReorderOptions 100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ColumnResizeOptions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.CustomEmoji 100% 100%
Microsoft.FluentUI.AspNetCore.Components.CustomIcon 100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.Defer 100%
Microsoft.FluentUI.AspNetCore.Components.DataGrid.Infrastructure.InternalGr
idContext
100% 100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProvider 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DateTimeProviderContext 100% 92.8%
Microsoft.FluentUI.AspNetCore.Components.DefaultStyles 100%
Microsoft.FluentUI.AspNetCore.Components.DefaultValues 100% 96.1%
Microsoft.FluentUI.AspNetCore.Components.DefaultValues 100% 96.1%
Microsoft.FluentUI.AspNetCore.Components.DefaultValuesComponentBuilder<TCom
ponent, TValue>
100% 100%
Microsoft.FluentUI.AspNetCore.Components.DefaultValuesComponentBuilder<TCom
ponent>
100% 96.4%
Microsoft.FluentUI.AspNetCore.Components.Dialog.MessageBox.FluentMessageBox 100% 75%
Microsoft.FluentUI.AspNetCore.Components.DialogEventArgs 100% 92.8%
Microsoft.FluentUI.AspNetCore.Components.DialogInstance 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptions 94.1%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooter 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsFooterAction 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsHeader 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogOptionsHeaderAction 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult 100% 100%
Microsoft.FluentUI.AspNetCore.Components.DialogResult 100%
Microsoft.FluentUI.AspNetCore.Components.DialogService 100% 82.8%
Microsoft.FluentUI.AspNetCore.Components.DynamicComponentRenderer 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Emoji 100% 100%
Microsoft.FluentUI.AspNetCore.Components.EmojiCompress 100% 100%
Microsoft.FluentUI.AspNetCore.Components.EmojiExtensions 100% 50%
Microsoft.FluentUI.AspNetCore.Components.EmojiInfo 100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DateTimeExtensions 98.4% 90.3%
Microsoft.FluentUI.AspNetCore.Components.Extensions.DisplayAttributeExtensi
ons
100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.Extensions.EnumExtensions 100% 92.3%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FieldSizeExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Extensions.FluentInputExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FileSizeConverter 100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordion 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentAccordionItem 100% 95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentAnchorButton 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBar 97.2% 81.1%
Microsoft.FluentUI.AspNetCore.Components.FluentAppBarItem 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentAutocomplete<TOption, TValue
>
97.5% 94.7%
Microsoft.FluentUI.AspNetCore.Components.FluentAutocomplete<TOption, TValue
>
92.8% 88.2%
Microsoft.FluentUI.AspNetCore.Components.FluentAvatar 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentBadge 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentButton 97.3% 88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar 96.7% 76.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendar 96.6% 83.5%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarBase 100% 89.1%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarDay 100% 95.4%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarMonth 100% 85.7%
Microsoft.FluentUI.AspNetCore.Components.FluentCalendarYear 100% 91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCard 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentCheckbox 100% 97.3%
Microsoft.FluentUI.AspNetCore.Components.FluentColorPicker 97.3% 94.8%
Microsoft.FluentUI.AspNetCore.Components.FluentColorPickerInput 98.5% 95.6%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox<TOption, TValue> 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentCombobox<TOption, TValue> 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentComponentBase 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentCompoundButton 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentCounterBadge 100% 95.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid 98.6% 95.7%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGrid 98% 95.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridCell 98.6% 93.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow 96.9% 96.4%
Microsoft.FluentUI.AspNetCore.Components.FluentDataGridRow 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker 100% 83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentDatePicker 96.6% 82.2%
Microsoft.FluentUI.AspNetCore.Components.FluentDialog 97.7% 89.8%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogBody 97.5% 94.4%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogInstance 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDialogProvider 95.3% 77.5%
Microsoft.FluentUI.AspNetCore.Components.FluentDivider 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDragContainer 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentDropZone 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentEmoji 100% 95%
Microsoft.FluentUI.AspNetCore.Components.FluentErrorBoundary 94.7% 93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentField 98.3% 95%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldCondition 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionItem 100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldConditionOptions 100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentFieldParameterSelector 97.7% 94.8%
Microsoft.FluentUI.AspNetCore.Components.FluentGrid 100% 90%
Microsoft.FluentUI.AspNetCore.Components.FluentGridItem 100% 98.4%
Microsoft.FluentUI.AspNetCore.Components.FluentHighlighter 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon 100%
Microsoft.FluentUI.AspNetCore.Components.FluentIcon 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentImage 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase 68.7% 50%
Microsoft.FluentUI.AspNetCore.Components.FluentInputBase 89.2% 50%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFile 98.6% 93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileBuffer 100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputFileErrorEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateBase 100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateBase 100%
Microsoft.FluentUI.AspNetCore.Components.FluentInputImmediateManager 97.6% 97%
Microsoft.FluentUI.AspNetCore.Components.FluentJSModule 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCode 100% 93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeEventArgs 100% 77.7%
Microsoft.FluentUI.AspNetCore.Components.FluentKeyCodeProvider 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentLabel 100%
Microsoft.FluentUI.AspNetCore.Components.FluentLabelInfo 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentLayout 100% 93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutHamburger 97.7% 89.4%
Microsoft.FluentUI.AspNetCore.Components.FluentLayoutItem 100% 91.6%
Microsoft.FluentUI.AspNetCore.Components.FluentLink 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentListBase<TOption, TValue> 100% 96.4%
Microsoft.FluentUI.AspNetCore.Components.FluentListBase<TOption, TValue> 89.5% 86.6%
Microsoft.FluentUI.AspNetCore.Components.FluentListbox<TOption, TValue> 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentListbox<TOption, TValue> 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerExtensions 100%
Microsoft.FluentUI.AspNetCore.Components.FluentLocalizerInternal 100%
Microsoft.FluentUI.AspNetCore.Components.FluentMenu 100% 90%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuButton 100% 83.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuItem 100% 92.5%
Microsoft.FluentUI.AspNetCore.Components.FluentMenuList 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBar 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentMessageBarProvider 100% 92.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitter 100% 93.7%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterPane 100% 85.3%
Microsoft.FluentUI.AspNetCore.Components.FluentMultiSplitterResizeEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentNav 98.6% 95.8%
Microsoft.FluentUI.AspNetCore.Components.FluentNavBase 100%
Microsoft.FluentUI.AspNetCore.Components.FluentNavCategory 96.6% 91.2%
Microsoft.FluentUI.AspNetCore.Components.FluentNavItem 100% 91.4%
Microsoft.FluentUI.AspNetCore.Components.FluentNavSectionHeader 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberInput 100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberInput 99.1% 89.5%
Microsoft.FluentUI.AspNetCore.Components.FluentNumberInputCultureInfo 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOption 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOption 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOptionString 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOverflow 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentOverlay 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentPaginator 100% 92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentPopover 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentPresenceBadge 100% 95.4%
Microsoft.FluentUI.AspNetCore.Components.FluentProgress 100%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressBar 100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentProgressRing 100%
Microsoft.FluentUI.AspNetCore.Components.FluentProviders 100%
Microsoft.FluentUI.AspNetCore.Components.FluentPullToRefresh 99.3% 91.7%
Microsoft.FluentUI.AspNetCore.Components.FluentRadio 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup 100% 88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentRadioGroup 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentRatingDisplay 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect<TOption, TValue> 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSelect<TOption, TValue> 100% 50%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceBase 100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceBase 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentServiceProviderException<TPr
ovider>
100%
Microsoft.FluentUI.AspNetCore.Components.FluentSkeleton 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSlider 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableList 91.6% 87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableList 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSortableListEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpacer 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSpinner 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSplitButton 100%
Microsoft.FluentUI.AspNetCore.Components.FluentStack 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentStatus 100%
Microsoft.FluentUI.AspNetCore.Components.FluentSwitch 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentTab 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentTabs 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentText 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentTextArea 98.3% 61.5%
Microsoft.FluentUI.AspNetCore.Components.FluentTextInput 100% 82.1%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker.TimeEqualityCompa
rer
100% 58.3%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker 100% 72.7%
Microsoft.FluentUI.AspNetCore.Components.FluentTimePicker 98.7% 71.1%
Microsoft.FluentUI.AspNetCore.Components.FluentToast 100% 92.8%
Microsoft.FluentUI.AspNetCore.Components.FluentToastProvider 99% 97%
Microsoft.FluentUI.AspNetCore.Components.FluentToggleButton 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltip 97.9% 89.2%
Microsoft.FluentUI.AspNetCore.Components.FluentTooltipProvider 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeItem 100% 94.7%
Microsoft.FluentUI.AspNetCore.Components.FluentTreeView 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationMessage 100%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationMessage 97.5% 88.8%
Microsoft.FluentUI.AspNetCore.Components.FluentValidationSummary 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizard 98.4% 87.5%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStep 97.8% 92.7%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepChangeEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.FluentWizardStepValidator 100% 100%
Microsoft.FluentUI.AspNetCore.Components.FreeOptionOutput 100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderRequest<TGridItem
>
100% 100%
Microsoft.FluentUI.AspNetCore.Components.GridItemsProviderResult 100%
Microsoft.FluentUI.AspNetCore.Components.GridSort<TGridItem, U> 100% 94.4%
Microsoft.FluentUI.AspNetCore.Components.GridSort 100% 94.4%
Microsoft.FluentUI.AspNetCore.Components.GridSort 95.7% 91.9%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalGridItem<TItem, TGridI
tem>
100%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalGridItem<TItem, TGridI
tem>
100% 100%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalGridUtilities 100% 100%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalGridUtilities<TGridIte
m, TItem>
100% 100%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalSelectColumn<TGridItem
>
100% 95.2%
Microsoft.FluentUI.AspNetCore.Components.HierarchicalSelectColumn<TGridItem
>
98% 95.9%
Microsoft.FluentUI.AspNetCore.Components.HighlighterSplitter 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Icon 100% 95%
Microsoft.FluentUI.AspNetCore.Components.IconFromImage 100%
Microsoft.FluentUI.AspNetCore.Components.IconInfo 100%
Microsoft.FluentUI.AspNetCore.Components.IconsExtensions 100% 50%
Microsoft.FluentUI.AspNetCore.Components.IFluentComponentBase 100%
Microsoft.FluentUI.AspNetCore.Components.IFluentComponentChangeAfterKeyPres
s
100% 100%
Microsoft.FluentUI.AspNetCore.Components.IFluentLocalizer 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr
ibable
100% 100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr
ibable
100%
Microsoft.FluentUI.AspNetCore.Components.Infrastructure.EventCallbackSubscr
iber
100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.InputFileInstance 100% 100%
Microsoft.FluentUI.AspNetCore.Components.InputFileOptions 100%
Microsoft.FluentUI.AspNetCore.Components.InternalAppBarContext 100% 100%
Microsoft.FluentUI.AspNetCore.Components.InternalListContext 100%
Microsoft.FluentUI.AspNetCore.Components.JSRuntimeExtensions 100% 25%
Microsoft.FluentUI.AspNetCore.Components.JSRuntimeExtensions 100% 25%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService 100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.KeyCodeService.KeyCodeListener 100% 100%
Microsoft.FluentUI.AspNetCore.Components.KeyPress 100%
Microsoft.FluentUI.AspNetCore.Components.LabelInfo 100%
Microsoft.FluentUI.AspNetCore.Components.LayoutHamburgerEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.LibraryToastOptions 100%
Microsoft.FluentUI.AspNetCore.Components.LibraryTooltipOptions 100%
Microsoft.FluentUI.AspNetCore.Components.Localization.LanguageResource 100% 100%
Microsoft.FluentUI.AspNetCore.Components.MarkupSanitizedOptions 100%
Microsoft.FluentUI.AspNetCore.Components.MessageBarEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.MessageBarInstance 94.1% 100%
Microsoft.FluentUI.AspNetCore.Components.MessageBarOptions 94.4%
Microsoft.FluentUI.AspNetCore.Components.MessageBarResult 100%
Microsoft.FluentUI.AspNetCore.Components.MessageBoxOptions 100%
Microsoft.FluentUI.AspNetCore.Components.Migration.AppearanceExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Migration.FluentInputAppearanceExt
ensions
100% 100%
Microsoft.FluentUI.AspNetCore.Components.Migration.TooltipPositionExtension 100% 100%
Microsoft.FluentUI.AspNetCore.Components.NotificationService 98.1% 97.4%
Microsoft.FluentUI.AspNetCore.Components.NotificationService 98.1% 97.4%
Microsoft.FluentUI.AspNetCore.Components.NotificationService 98.1% 97.4%
Microsoft.FluentUI.AspNetCore.Components.OptionsSearchEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.OverflowContext 100%
Microsoft.FluentUI.AspNetCore.Components.OverlayOptions 100%
Microsoft.FluentUI.AspNetCore.Components.PaginationState 100% 81.2%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn<TGridItem, TProp> 100% 75%
Microsoft.FluentUI.AspNetCore.Components.PropertyColumn<TGridItem, TProp> 100% 84.6%
Microsoft.FluentUI.AspNetCore.Components.RangeOfDates 96.5% 86.8%
Microsoft.FluentUI.AspNetCore.Components.SelectAllTemplateArgs 100%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn.ItemKeyEqualityCompar
er
72.7% 66.6%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn 88.7% 93.1%
Microsoft.FluentUI.AspNetCore.Components.SelectColumn 96% 85.8%
Microsoft.FluentUI.AspNetCore.Components.ServiceProviderExtensions 100%
Microsoft.FluentUI.AspNetCore.Components.SpacingExtensions 100% 97.3%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn 100% 100%
Microsoft.FluentUI.AspNetCore.Components.TemplateColumn 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Theme 100% 80%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeBorders 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeColors 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeCurves 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeFonts 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeLines 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeSpacings 100%
Microsoft.FluentUI.AspNetCore.Components.Theme.ThemeStrokes 100%
Microsoft.FluentUI.AspNetCore.Components.ThemeExtensions 93.3% 94.4%
Microsoft.FluentUI.AspNetCore.Components.ThemeService 100% 93.7%
Microsoft.FluentUI.AspNetCore.Components.ThemeSettings 100%
Microsoft.FluentUI.AspNetCore.Components.ToastEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.ToastInstance 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ToastOptions 94.7%
Microsoft.FluentUI.AspNetCore.Components.ToastResult 100%
Microsoft.FluentUI.AspNetCore.Components.TooltipEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.TotalItemCountChangedEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItem 100% 100%
Microsoft.FluentUI.AspNetCore.Components.TreeViewItemExpandedEventArgs 100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.AddTag 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.CssBuilder 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Debounce 93.3% 100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.Identifier 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.IdentifierContext 100% 75%
Microsoft.FluentUI.AspNetCore.Components.Utilities.InlineStyleBuilder 100% 93.7%
Microsoft.FluentUI.AspNetCore.Components.Utilities.MarkupStringSanitized 100% 92.5%
Microsoft.FluentUI.AspNetCore.Components.Utilities.MarkupStringSanitized.Pa
rsedContent
100%
Microsoft.FluentUI.AspNetCore.Components.Utilities.RangeOf 96.5% 97.2%
Microsoft.FluentUI.AspNetCore.Components.Utilities.StyleBuilder 100% 100%
Microsoft.FluentUI.AspNetCore.Components.ZIndex 100%
Microsoft.FluentUI.AspNetCore.Components.Charts - 100%
Name Line Branch
Microsoft.FluentUI.AspNetCore.Components.Charts 100% 95.6%
Microsoft.FluentUI.AspNetCore.Components.Charts.AreaChartSeries 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.ChartAxisValue 100% 90%
Microsoft.FluentUI.AspNetCore.Components.Charts.ChartAxisValueJsonConverter 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.DataVizPaletteExtensions 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.DonutDataPoint 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentAreaChart 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentCartesianChartBase 100% 87.5%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentChartBase 100% 90%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentDonutChart 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentFunnelChart 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentGanttChart 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentHorizontalBarChart 100% 75%
Microsoft.FluentUI.AspNetCore.Components.Charts.FluentHorizontalBarChartWit
hAxis
100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FunnelDataPoint 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.FunnelSubValue 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.GanttChartDataPoint 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.HorizontalBarChartDataPoint 100% 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.HorizontalBarChartSeries 100%
Microsoft.FluentUI.AspNetCore.Components.Charts.HorizontalBarChartWithAxisD
ataPoint
100% 100%

@vnbaaij Vincent Baaij (vnbaaij) added this to the v5.0-RC.5 milestone Jul 4, 2026
Copilot AI added 3 commits July 8, 2026 15:04
Changed catch (TaskCanceledException) to
catch (OperationCanceledException) when (!cancellationToken.IsCancellationRequested)
so that only internal debounce timer resets are silently ignored, while
external CancellationToken cancellations (e.g. test timeouts, caller-driven
cancellation) correctly propagate to the caller.

Also replaced the reassignment of the `cancellationToken` parameter with a
separate `internalToken` variable to preserve the original external token
for use in the exception filter. Removed the outdated &lt;remarks&gt; stating
that exceptions are swallowed.
Refine the OperationCanceledException filter to explicitly check both
conditions: internalToken.IsCancellationRequested (the debounce timer
was reset by a new RunAsync call) AND !cancellationToken.IsCancellationRequested
(the external token was NOT cancelled). This makes the intent clear and
guards against edge cases where the exception could have a different origin.
@vnbaaij
Vincent Baaij (vnbaaij) changed the base branch from dev-v5 to dev September 17, 2026 10:13
@vnbaaij Vincent Baaij (vnbaaij) changed the title [dev-v5][Docs] Add a sticker sheet [Docs] Add a sticker sheet Sep 17, 2026
@vnbaaij Vincent Baaij (vnbaaij) added the v5 For the next major version label Sep 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

v5 For the next major version

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants