dc.MenuWidget

The <dc.MenuWidget> tag provides a way to display a navigation menu.

Attributes

  • Controls: (for mobile menus) None (default), Open, Close, Both

  • IconSize: Size the menu icon (bars) and menu-close icon should be (for mobile menus). The default is lg - any FA size is supported ( 1x , 2x , 3x )

  • IconType: (for mobile menus) default is fa-square , may also use fa-circle or other FA types. Use simple if not icon background is desired.

  • aria-label: this is the standard HTML attribute but is mentioned here because it is highly recommended, if left off the widget will add a label automatically and this is not ideal (was a bad idea)

  • Include: TODO explain (links a parameter into the menu)

  • Source: TODO explain pulls menu structure from a globally defined Menu element

Usage Notes

TODO notes

Examples

<dc.MenuWidget id="mainMenu" aria-label="Primary" > <dc.Link Page="/food" Label="Food" /> <dc.Link Page="/on-tap" Label="On Tap" /> <dc.Link Page="/up-next" Label="Up Next" /> <dc.Link Page="/find-us" Label="Find Us" /> </dc.MenuWidget> <dc.MenuWidget id="mainMenuMobile" Controls="Both" aria-label="Primary" IconSize="2x" IconType="simple"> <dc.Link Page="/food" Label="Food" /> <dc.Link Page="/on-tap" Label="On Tap" /> <dc.Link Page="/up-next" Label="Up Next" /> <dc.Link Page="/find-us" Label="Find Us" /> </dc.MenuWidget>

See Also

  • TODO