config.tsx

export const MenuSampleOrder:Object = [
    { 'path': 'menu/default', 'component':'Default', 'name': 'Default Functionalities', 'order': '01', 'category': 'Menu', 'api':'{ "MenuComponent":["items", "orientation"], "MenuItemModel": ["text", "iconCss", "items", "separator"] }', 'description': 'This demo for Syncfusion Essential JS2 Menu control demonstrates the default functionalities. It shows menu items with icon, text, separator and its sub menu.' },
    { 'path': 'menu/data-binding', 'component':'DataBinding', 'name': 'Data Binding', 'order': '01', 'category': 'Menu', 'api':'{ "MenuComponent": ["items"] }', 'description': 'This demo for Essential JS2 Menu control shows data binding of the local data source. It can either be hierarchical or self-referential data.' },
    { 'path': 'menu/template', 'component':'Template', 'name': 'Template', 'order': '01', 'category': 'Menu', 'api':'{ "MenuComponent": ["items", "fields", "template"], "FieldSettings": ["text", "children"] }', 'description': 'This demo for Essential JS2 Menu control shows the template functionalities. It supports customization of menu items using data source with fields.' },
    { 'path': 'menu/api', 'component':'Api', 'name': 'API', 'order': '01', 'category': 'Menu', 'api':'{ "MenuComponent": ["orientation", "showItemOnClick", "enableItems"] }', 'description': 'This demo for Essential JS2 Menu control shows the supported APIs and its functionalities. It includes enable/disable item, show item on click and orientation.' },
    { 'path': 'menu/toolbar-integration', 'component':'ToolbarIntegration', 'name': 'Toolbar Integration', 'order': '01', 'category': 'Menu', 'api':'{ "MenuComponent": ["items"], "FieldSettings": ["text", "children"] }', 'description': 'This demo for Essential JS2 Menu control shows integration of Menu in the toolbar control and its customization using button, drop-down button, and text box.' }
]