diff --git a/WinUIGallery/DataModel/ControlInfoData.json b/WinUIGallery/DataModel/ControlInfoData.json index 182e80d3a..49aabd277 100644 --- a/WinUIGallery/DataModel/ControlInfoData.json +++ b/WinUIGallery/DataModel/ControlInfoData.json @@ -315,29 +315,29 @@ ] }, { - "UniqueId": "CommandBar", - "Title": "CommandBar", - "ApiNamespace": "Microsoft.UI.Xaml.Controls", - "Subtitle": "A toolbar for displaying application-specific commands that handles layout and resizing of its contents.", - "ImagePath": "ms-appx:///Assets/ControlImages/CommandBar.png", - "Description": "The CommandBar simplifies the creation of basic app bars by providing:\n- Automatic layout of commands, with primary commands on the right and secondary commands on the left.\n- Automatic resizing of app bar commands when the app size changes.\nWhen you need an app bar that contains only AppBarButton,AppBarToggleButton , and AppBarSeparator controls, use a CommandBar. If you need more complex content, such as images, progress bars, or text blocks, use an AppBar control.", - "Content": "

The bottom app bar on this page is a CommandBar control.

Add secondary commands and then resize the app to see how the CommandBar automatically adapts to different widths.

This CommandBar element is in the ItemPage so it can be shared across all control pages in the app. Look at the ItemPage.xaml file in Visual Studio to see the full code for this page.

", - "SourcePath": "/CommonStyles/CommandBar_themeresources.xaml", - "Docs": [ - { - "Title": "CommandBar - API", - "Uri": "https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.commandbar" - }, - { - "Title": "Guidelines", - "Uri": "https://learn.microsoft.com/windows/apps/design/controls/command-bar" - } - ], - "RelatedControls": [ - "AppBarButton", - "AppBarToggleButton", - "AppBarSeparator" - ] + "UniqueId": "CommandBar", + "Title": "CommandBar", + "ApiNamespace": "Microsoft.UI.Xaml.Controls", + "Subtitle": "A toolbar for displaying application-specific commands that handles layout and resizing of its contents.", + "ImagePath": "ms-appx:///Assets/ControlImages/CommandBar.png", + "Description": "Command bars provide users with easy access to your app's most common tasks. Command bars can provide access to app-level or page-specific commands and can be used with any navigation pattern. By default, the command bar shows a row of icon buttons and an optional \"see more\" button, which is represented by an ellipsis [...].", + "Content": "

The bottom app bar on this page is a CommandBar control.

Add secondary commands and then resize the app to see how the CommandBar automatically adapts to different widths.

This CommandBar element is in the ItemPage so it can be shared across all control pages in the app. Look at the ItemPage.xaml file in Visual Studio to see the full code for this page.

", + "SourcePath": "/CommonStyles/CommandBar_themeresources.xaml", + "Docs": [ + { + "Title": "CommandBar - API", + "Uri": "https://learn.microsoft.com/windows/windows-app-sdk/api/winrt/microsoft.ui.xaml.controls.commandbar" + }, + { + "Title": "Guidelines", + "Uri": "https://learn.microsoft.com/windows/apps/design/controls/command-bar" + } + ], + "RelatedControls": [ + "AppBarButton", + "AppBarToggleButton", + "AppBarSeparator" + ] }, { "UniqueId": "MenuBar",