| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
There was a problem hiding this comment.
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:
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. |
Sorry, something went wrong.
|
✅ All tests passed successfully Details on your Workflow / Core Tests page. |
Sorry, something went wrong.
Summary - Unit Tests Code CoverageSummary
CoverageMicrosoft.FluentUI.AspNetCore.Components - 98.9%
|
Sorry, something went wrong.
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 <remarks> 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.
| Back | FazBrowse Home | New Git URL |
Initial work to add a sticker sheet containing all components with a UI in their simplest form: