Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion hub/apps/design/controls/animated-icon.md
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ Defining a color property in your Lottie animation named "Foreground" lets you t
> - **Important APIs:** [AnimatedIcon class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.animatedicon)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app to see AnimatedIcon in action](winui3gallery:/item/AnimatedIcon)
> [Open the WinUI 3 Gallery app to see AnimatedIcon in action](winui3gallery://item/AnimatedIcon)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/annotated-scrollbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@ For collections that only have a few items or that only require a small amount o
> - **Important APIs:** [AnnotatedScrollBar class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.annotatedscrollbar), [ScrollView class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.scrollview), [IScrollController interface](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.iscrollcontroller)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the AnnotatedScrollBar in action](winui3gallery:/item/AnnotatedScrollBar)
> [Open the WinUI 3 Gallery app and see the AnnotatedScrollBar in action](winui3gallery://item/AnnotatedScrollBar)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/auto-suggest-box.md
Original file line number Diff line number Diff line change
Expand Up @@ -45,7 +45,7 @@ The auto-suggest results list populates automatically once the user starts to en
> - **Important APIs:** [AutoSuggestBox class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.autosuggestbox), [TextChanged event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.autosuggestbox.textchanged), [SuggestionChose event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.autosuggestbox.suggestionchosen), [QuerySubmitted event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.autosuggestbox.querysubmitted)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the AutoSuggestBox in action](winui3gallery:/item/AutoSuggestBox)
> [Open the WinUI 3 Gallery app and see the AutoSuggestBox in action](winui3gallery://item/AutoSuggestBox)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/breadcrumbbar.md
Original file line number Diff line number Diff line change
Expand Up @@ -49,7 +49,7 @@ The image below shows the parts of the `BreadcrumbBar` control. You can modify t
> - **Important APIs:** [BreadcrumbBar class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the BreadcrumbBar in action](winui3gallery:/item/BreadcrumbBar)
> [Open the WinUI 3 Gallery app and see the BreadcrumbBar in action](winui3gallery://item/BreadcrumbBar)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
10 changes: 5 additions & 5 deletions hub/apps/design/controls/buttons.md
Original file line number Diff line number Diff line change
Expand Up @@ -120,7 +120,7 @@ This example uses three buttons, **Save**, **Don't Save**, and **Cancel**, in a
> - **Important APIs:** [Button class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button), [Click event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.buttonbase.click), [Command property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.buttonbase.command), [Content property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentcontrol.content)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the Buttons in action](winui3gallery:/item/Button)
> [Open the WinUI 3 Gallery app and see the Buttons in action](winui3gallery://item/Button)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down Expand Up @@ -200,7 +200,7 @@ The button looks like this.
> - **Important APIs:** [RepeatButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.repeatbutton), [Click event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.buttonbase.click), [Content property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentcontrol.content)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the RepeatButton in action](winui3gallery:/item/RepeatButton)
> [Open the WinUI 3 Gallery app and see the RepeatButton in action](winui3gallery://item/RepeatButton)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down Expand Up @@ -241,7 +241,7 @@ private void Decrease_Click(object sender, RoutedEventArgs e)
> - **Important APIs**: [DropDownButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button), [Flyout property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button.flyout)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the DropdownButton in action](winui3gallery:/item/DropdownButton)
> [Open the WinUI 3 Gallery app and see the DropdownButton in action](winui3gallery://item/DropdownButton)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down Expand Up @@ -305,7 +305,7 @@ private void AlignmentMenuFlyoutItem_Click(object sender, RoutedEventArgs e)
> - **Important APIs**: [SplitButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.splitbutton), [Click event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.buttonbase.click), [Flyout property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.button.flyout)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the SplitButton in action](winui3gallery:/item/SplitButton)
> [Open the WinUI 3 Gallery app and see the SplitButton in action](winui3gallery://item/SplitButton)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down Expand Up @@ -421,7 +421,7 @@ public sealed partial class MainPage : Page
> - **Important APIs**: [ToggleSplitButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.togglesplitbutton), [IsCheckedChanged event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.togglesplitbutton.ischeckedchanged), [IsChecked property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.togglesplitbutton.ischecked)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the ToggleSplitButton in action](winui3gallery:/item/ToggleSplitButton)
> [Open the WinUI 3 Gallery app and see the ToggleSplitButton in action](winui3gallery://item/ToggleSplitButton)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/calendar-date-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ The entry point displays placeholder text if a date has not been set; otherwise,
> - **Important APIs:** [CalendarDatePicker class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.CalendarDatePicker), [Date property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.calendardatepicker.date), [DateChanged event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.calendardatepicker.datechanged)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the CalendarDatePicker in action](winui3gallery:/item/CalendarDatePicker)
> [Open the WinUI 3 Gallery app and see the CalendarDatePicker in action](winui3gallery://item/CalendarDatePicker)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/calendar-view.md
Original file line number Diff line number Diff line change
Expand Up @@ -36,7 +36,7 @@ Users click the header in the month view to open the year view, and click the he
> - **Important APIs:** [CalendarView class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.CalendarView), [SelectedDatesChanged event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.calendarview.selecteddateschanged)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the CalendarView in action](winui3gallery:/item/CalendarView)
> [Open the WinUI 3 Gallery app and see the CalendarView in action](winui3gallery://item/CalendarView)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ Both **check box** and **radio button** controls let the user select from a list
> - **Important APIs**: [CheckBox class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.checkbox), [Checked event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.togglebutton.checked), [IsChecked property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.primitives.togglebutton.ischecked), [Content property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentcontrol.content)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the CheckBox in action](winui3gallery:/item/CheckBox)
> [Open the WinUI 3 Gallery app and see the CheckBox in action](winui3gallery://item/CheckBox)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/color-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ If your app is for drawing or similar tasks using pen, consider using [Inking co
> - **Important APIs:** [ColorPicker class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.colorpicker), [Color property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.colorpicker.Color), [ColorChanged event](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.colorpicker.ColorChanged)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the ColorPicker in action](winui3gallery:/item/ColorPicker)
> [Open the WinUI 3 Gallery app and see the ColorPicker in action](winui3gallery://item/ColorPicker)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/combo-box.md
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ A list box allows the user to choose either a single item or multiple items from
> - **Important APIs**: [ComboBox class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ComboBox), [IsEditable property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.combobox.iseditable), [Text property](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ComboBox), [TextSubmitted event](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ComboBox), [ListBox class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ListBox)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the ComboBox in action](winui3gallery:/item/ComboBox)
> [Open the WinUI 3 Gallery app and see the ComboBox in action](winui3gallery://item/ComboBox)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/command-bar-flyout.md
Original file line number Diff line number Diff line change
Expand Up @@ -47,7 +47,7 @@ You can use the CommandBarFlyout in either way, or even a mixture of the two.
> - **Important APIs:** [CommandBarFlyout class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.commandbarflyout), [TextCommandBarFlyout class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.textcommandbarflyout), [AppBarButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbarbutton), [AppBarToggleButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbartogglebutton), [AppBarSeparator class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbarseparator)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the CommandBarFlyout in action](winui3gallery:/item/CommandBarFlyout)
> [Open the WinUI 3 Gallery app and see the CommandBarFlyout in action](winui3gallery://item/CommandBarFlyout)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/command-bar.md
Original file line number Diff line number Diff line change
Expand Up @@ -70,7 +70,7 @@ Command bars can be placed in the following screen regions on single-view screen
> - **Important APIs:** [CommandBar class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.commandbar), [AppBarButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbarbutton), [AppBarToggleButton class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbartogglebutton), [AppBarSeparator class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.appbarseparator)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the CommandBar in action](winui3gallery:/item/CommandBar)
> [Open the WinUI 3 Gallery app and see the CommandBar in action](winui3gallery://item/CommandBar)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]
This example creates the command bar shown previously.
Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/date-picker.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ The entry point displays the chosen date, and when the user selects the entry po
> - **Important APIs:** [DatePicker class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.DatePicker), [SelectedDate property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.datepicker.selecteddate)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the DatePicker in action](winui3gallery:/item/DatePicker)
> [Open the WinUI 3 Gallery app and see the DatePicker in action](winui3gallery://item/DatePicker)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/dialogs-and-flyouts/dialogs.md
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,7 @@ For recommendations on when to use a dialog vs. when to use a flyout (a similar
> - **Important APIs**: [ContentDialog class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentdialog)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the ContentDialog in action](winui3gallery:/item/ContentDialog)
> [Open the WinUI 3 Gallery app and see the ContentDialog in action](winui3gallery://item/ContentDialog)

[!INCLUDE [winui-3-gallery](../../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/dialogs-and-flyouts/flyouts.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ For recommendations on when to use a flyout vs. when to use a dialog (a similar
> - **Important APIs**: [Flyout class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.Flyout), [Button.Flyout property](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.Button.Flyout)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the Flyout in action](winui3gallery:/item/Flyout)
> [Open the WinUI 3 Gallery app and see the Flyout in action](winui3gallery://item/Flyout)

[!INCLUDE [winui-3-gallery](../../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/dialogs-and-flyouts/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -62,7 +62,7 @@ Dialogs are frequently used to confirm an action (such as deleting a file) befor
>
> - **Important APIs**: [ContentDialog class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.ContentDialog), [Flyout class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.Flyout)

> - If you have the **WinUI 3 Gallery** app installed, click here to open the app and see the [ContentDialog](winui3gallery:/item/ContentDialog) or [Flyout](winui3gallery:/item/Flyout) in action. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery/tree/main).
> - If you have the **WinUI 3 Gallery** app installed, click here to open the app and see the [ContentDialog](winui3gallery://item/ContentDialog) or [Flyout](winui3gallery://item/Flyout) in action. Get the app from the [Microsoft Store](https://apps.microsoft.com/detail/9P3JFPWWDZRC) or get the source code on [GitHub](https://github.com/microsoft/WinUI-Gallery/tree/main).

## How to create a dialog

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -56,7 +56,7 @@ A teaching tip can require the user to dismiss it via an "X" button in a top cor
> - **Important APIs:** [TeachingTip class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.teachingtip)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the TeachingTip in action](winui3gallery:/item/TeachingTip)
> [Open the WinUI 3 Gallery app and see the TeachingTip in action](winui3gallery://item/TeachingTip)

[!INCLUDE [winui-3-gallery](../../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/expander.md
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ Use an `Expander` when some primary content should always be visible, but relate
> - **Important APIs:** [Expander class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.expander), [Header property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.expander.header), [Content property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.contentcontrol.content)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the Expander in action](winui3gallery:/item/Expander)
> [Open the WinUI 3 Gallery app and see the Expander in action](winui3gallery://item/Expander)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/flipview.md
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ A flip view can also be browsed vertically:
> - **Important APIs**: [FlipView class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.flipview), [ItemsSource property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.itemscontrol.itemssource), [ItemTemplate property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.itemscontrol.itemtemplate)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the FlipView in action](winui3gallery:/item/FlipView)
> [Open the WinUI 3 Gallery app and see the FlipView in action](winui3gallery://item/FlipView)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/hyperlinks.md
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,7 @@ The hyperlink appears inline and flows with the surrounding text:
> - **Important APIs**: [HyperlinkButton control](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.HyperlinkButton)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the Hyperlinks in action](winui3gallery:/item/HyperlinkButton)
> [Open the WinUI 3 Gallery app and see the Hyperlinks in action](winui3gallery://item/HyperlinkButton)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/images-imagebrushes.md
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@ Use an **ImageBrush** to apply an image to another object. Uses for an ImageBrus
> - **Important APIs:** [Image class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Controls.Image), [Source property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.image.source), [ImageBrush class](/windows/windows-app-sdk/api/winrt/microsoft.UI.Xaml.Media.ImageBrush), [ImageSource property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.media.imagebrush.imagesource)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see ImageBrushes in action](winui3gallery:/item/Image)
> [Open the WinUI 3 Gallery app and see ImageBrushes in action](winui3gallery://item/Image)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/info-badge.md
Original file line number Diff line number Diff line change
Expand Up @@ -155,7 +155,7 @@ The info badge comes at a default size that meets accessibility requirements. Yo
> - **Important APIs:** [InfoBadge class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.infobadge), [IconSource property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.infobadge.iconsource), [Value property](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.infobadge.value)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the InfoBadge in action](winui3gallery:/item/InfoBadge)
> [Open the WinUI 3 Gallery app and see the InfoBadge in action](winui3gallery://item/InfoBadge)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/infobar.md
Original file line number Diff line number Diff line change
Expand Up @@ -113,7 +113,7 @@ Please view the guidance for [Adjust layout and fonts, and support RTL](../globa
> - **Important APIs:** [InfoBar class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.infobar)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the InfoBar in action](winui3gallery:/item/InfoBar)
> [Open the WinUI 3 Gallery app and see the InfoBar in action](winui3gallery://item/InfoBar)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
2 changes: 1 addition & 1 deletion hub/apps/design/controls/items-repeater.md
Original file line number Diff line number Diff line change
Expand Up @@ -54,7 +54,7 @@ When you use an **ItemsRepeater**, you should provide scrolling functionality by
> - **Important APIs**: [ItemsRepeater class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.itemsrepeater), [ScrollViewer class](/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.scrollviewer)

> [!div class="nextstepaction"]
> [Open the WinUI 3 Gallery app and see the ItemsRepeater in action](winui3gallery:/item/ItemsRepeater)
> [Open the WinUI 3 Gallery app and see the ItemsRepeater in action](winui3gallery://item/ItemsRepeater)

[!INCLUDE [winui-3-gallery](../../../includes/winui-3-gallery.md)]

Expand Down
Loading