[
    {
        "UniqueId": "Home",
        "Title": "Home",
        "PageName": "DashboardPage",
        "IconGlyph": "\uE80F"
    },
    {
        "UniqueId": "What's New",
        "Title": "What's New",
        "PageName": "WhatsNewPage",
        "IconGlyph": "\uEB51"        
    },
    {
        "UniqueId": "Design Guidance",
        "Title": "Design Guidance",
        "PageName": "DesignGuidancePage",
        "IconGlyph": "\uEB3C",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "Colors",
                "Title": "Colors",
                "PageName": "ColorsPage",
                "IconGlyph": "\uE790",
                "Description": "Guide showing how to use colors in your app.",
                "ImagePath": "Assets/ControlImages/ColorPaletteResources.png"
            },
            {
                "UniqueId": "Typography",
                "Title": "Typography",
                "PageName": "TypographyPage",
                "IconGlyph": "\uE8D2",
                "Description": "Guide showing how to use typography in your app.",
                "ImagePath": "Assets/ControlImages/TextBlock.png"
            },
            {
                "UniqueId": "Icons",
                "Title": "Icons",
                "PageName": "IconsPage",
                "IconGlyph": "\uED58",
                "Description": "Guide showing how to use icons in your app.",
                "ImagePath": "Assets/ControlImages/IconElement.png"
            }
        ]
    },
    {
        "UniqueId": "Samples",
        "Title": "Samples",
        "PageName": "SamplesPage",
        "IconGlyph": "\uEF58",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "User Dashboard",
                "Title": "User Dashboard",
                "PageName": "UserDashboardPage",
                "Description": "A dashboard for a user to view and interact with.",
                "ImagePath": "Assets/ControlImages/PersonPicture.png"
            }
        ]
    },
    {
        "UniqueId": "All Controls",
        "Title": "All Controls",
        "PageName": "AllSamplesPage",
        "IconGlyph": "\uE71D"
    },
    {
        "UniqueId": "Basic Input",
        "Title": "Basic Input",
        "PageName": "BasicInputPage",
        "IconGlyph": "\uE73A",
        "Description": "Button, CheckBox, ComboBox, RadioButton, Slider.",
        "ImagePath": "Assets/ControlImages/Button.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "Button",
                "Title": "Button",
                "PageName": "ButtonPage",
                "ImagePath": "Assets/ControlImages/Button.png",
                "Description": "A control that responds to user input and raises a Click event."
            },
            {
                "UniqueId": "CheckBox",
                "Title": "CheckBox",
                "PageName": "CheckBoxPage",
                "ImagePath": "Assets/ControlImages/CheckBox.png",
                "Description": "A control that a user can select or clear."
            },
            {
                "UniqueId": "ComboBox",
                "Title": "ComboBox",
                "PageName": "ComboBoxPage",
                "ImagePath": "Assets/ControlImages/CheckBox.png",
                "Description": "A drop-down list of items a user can select from."
            },
            {
                "UniqueId": "RadioButton",
                "Title": "RadioButton",
                "PageName": "RadioButtonPage",
                "ImagePath": "Assets/ControlImages/RadioButton.png",
                "Description": "A control that allows a user to select a single option from a group of options."
            },
            {
                "UniqueId": "Slider",
                "Title": "Slider",
                "PageName": "SliderPage",
                "ImagePath": "Assets/ControlImages/Slider.png",
                "Description": "A control that lets the user select from a range of values by moving a Thumb control along a track."
            }
        ]
    },
    {
        "UniqueId": "Collections",
        "Title": "Collections",
        "PageName": "CollectionsPage",
        "IconGlyph": "\uE80A",
        "Description": "DataGrid, ListBox, ListView, TreeView.",
        "ImagePath": "Assets/ControlImages/DataGrid.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "DataGrid",
                "Title": "DataGrid",
                "PageName": "DataGridPage",
                "ImagePath": "Assets/ControlImages/DataGrid.png",
                "Description": "The DataGrid control presents data in a customizable table of rows and columns."
            },
            {
                "UniqueId": "ListBox",
                "Title": "ListBox",
                "PageName": "ListBoxPage",
                "ImagePath": "Assets/ControlImages/Listbox.png",
                "Description": "A control that presents an inline list of items that the user can select from."
            },
            {
                "UniqueId": "ListView",
                "Title": "ListView",
                "PageName": "ListViewPage",
                "ImagePath": "Assets/ControlImages/ListView.png",
                "Description": "A control that presents a collection of items in a vertical list."
            },
            {
                "UniqueId": "TreeView",
                "Title": "TreeView",
                "PageName": "TreeViewPage",
                "ImagePath": "Assets/ControlImages/TreeView.png",
                "Description": "The TreeView control is a hierarchical list pattern with expanding and collapsing nodes that contain nested items."
            }
        ]
    },
    {
        "UniqueId": "Date & Calendar",
        "Title": "Date & Calendar",
        "PageName": "DateAndTimePage",
        "IconGlyph": "\uEC92",
        "Description": "Calendar, DatePicker.",
        "ImagePath": "Assets/ControlImages/CalendarView.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "Calendar",
                "Title": "Calendar",
                "PageName": "CalendarPage",
                "ImagePath": "Assets/ControlImages/CalendarView.png",
                "Description": "A control that presents a calendar for a user to choose a date from."
            },
            {
                "UniqueId": "DatePicker",
                "Title": "DatePicker",
                "PageName": "DatePickerPage",
                "ImagePath": "Assets/ControlImages/DatePicker.png",
                "Description": "A control that lets a user pick a date value."
            }
        ]
    },
    {
        "UniqueId": "Layout",
        "Title": "Layout",
        "PageName": "LayoutPage",
        "IconGlyph": "\uF246",
        "Description": "Expander",
        "ImagePath": "Assets/ControlImages/Expander.png",
        "IsGroup": true,
        "Items": [
          {
            "UniqueId": "Expander",
            "Title": "Expander",
            "PageName": "ExpanderPage",
            "ImagePath": "Assets/ControlImages/Expander.png",
            "Description": "A container with a header that can be expanded to show a body with more content."
          },
          {
            "UniqueId": "ResizeGrip",
            "Title": "ResizeGrip",
            "PageName": "ResizeGripPage",
            "ImagePath": "Assets/ControlImages/ResizeGrip.png",
            "Description": "A control that enables users to resize a Window."
            },
          {
            "UniqueId": "GridSplitter",
            "Title": "GridSplitter",
            "PageName": "GridSplitterPage",
            "ImagePath": "Assets/ControlImages/GridSplitter.png",
            "Description": "The GridSplitter redistributes space between columns or rows of a Grid control."
          },
          {
            "UniqueId": "GroupBox",
            "Title": "GroupBox",
            "PageName": "GroupBoxPage",
            "ImagePath": "Assets/ControlImages/GroupBox.png",
            "Description": "A control that visually groups controls together while maintaining layout and accessibility."
          }
        ]
    },
    {
        "UniqueId": "Navigation",
        "Title": "Navigation",
        "PageName": "NavigationPage",
        "IconGlyph": "\uE700",
        "Description": "Menu, TabControl.",
        "ImagePath": "Assets/ControlImages/Pivot.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "Menu",
                "Title": "Menu",
                "PageName": "MenuPage",
                "ImagePath": "Assets/ControlImages/Pivot.png",
                "Description": "A classic menu, allowing the display of MenuItems containing MenuFlyoutItems."
            },
            {
              "UniqueId": "TabControl",
              "Title": "TabControl",
              "PageName": "TabControlPage",
              "ImagePath": "Assets/ControlImages/TabView.png",
              "Description": "A control that displays a collection of tabs."
            },
            {
              "UniqueId": "Frame",
              "Title": "Frame",
              "PageName": "FramePage",
              "ImagePath": "Assets/ControlImages/MenuBar.png",
              "Description": "A navigation control that allows displaying different Page content within an application."
            },
          {
            "UniqueId": "NavigationWindow",
            "Title": "NavigationWindow",
            "PageName": "NavigationWindowPage",
            "ImagePath": "Assets/ControlImages/CreateMultipleWindows.png",
            "Description": "A control that supports navigation between pages, similar to a web browser."
          }
        ]
    },
    {
        "UniqueId": "Status & Info",
        "Title": "Status & Info",
        "PageName": "StatusAndInfoPage",
        "IconGlyph": "\uE8F2",
        "Description": "ProgressBar, ToolTip.",
        "ImagePath": "Assets/ControlImages/ProgressBar.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "ProgressBar",
                "Title": "ProgressBar",
                "PageName": "ProgressBarPage",
                "ImagePath": "Assets/ControlImages/ProgressBar.png",
                "Description": "Shows the apps progress on a task, or that the app is performing ongoing work that doesn't block user interaction."
            },
            {
                "UniqueId": "ToolTip",
                "Title": "ToolTip",
                "PageName": "ToolTipPage",
                "ImagePath": "Assets/ControlImages/ToolTip.png",
                "Description": "Displays information for an element in a pop-up window."
            }
        ]
    },
    {
        "UniqueId": "Text",
        "Title": "Text",
        "PageName": "TextPage",
        "IconGlyph": "\uE8D2",
        "Description": "Label, TextBox, TextBlock, RichTextEdit, PasswordBox.",
        "ImagePath": "Assets/ControlImages/TextBlock.png",
        "IsGroup": true,
        "Items": [
            {
                "UniqueId": "Label",
                "Title": "Label",
                "PageName": "LabelPage",
                "ImagePath": "Assets/ControlImages/Button.png",
                "Description": "Caption of an item."
            },
            {
                "UniqueId": "TextBox",
                "Title": "TextBox",
                "PageName": "TextBoxPage",
                "ImagePath": "Assets/ControlImages/TextBox.png",
                "Description": "A single-line or multi-line plain text field."
            },
            {
                "UniqueId": "TextBlock",
                "Title": "TextBlock",
                "PageName": "TextBlockPage",
                "ImagePath": "Assets/ControlImages/TextBlock.png",
                "Description": "A lightweight control for displaying small amounts of text."
            },
            {
                "UniqueId": "RichTextEdit",
                "Title": "RichTextEdit",
                "PageName": "RichTextEditPage",
                "ImagePath": "Assets/ControlImages/RichEditBox.png",
                "Description": "A control that displays formatted text, hyperlinks, inline images, and other rich content."
            },
          {
            "UniqueId": "PasswordBox",
            "Title": "PasswordBox",
            "PageName": "PasswordBoxPage",
            "ImagePath": "Assets/ControlImages/PasswordBox.png",
            "Description": "A control for entering passwords."
          },
          {
            "UniqueId": "Hyperlink",
            "Title": "Hyperlink",
            "PageName": "HyperlinkPage",
            "ImagePath": "Assets/ControlImages/HyperlinkButton.png",
            "Description": "A control to navigate to another document, webpage, or section within the same page."
          }
        ]
    }
]