See the readme on Githubopen_in_new

This page outlines some basic pattern and usage guidance. Following these guidelines helps give your users a consistent experience across apps.

Patterns

Do
• Add a navigation item for each major "page" in your app
• Use subheaders to break up long navigation lists (when items can be grouped)
• Use link icons when they add meaningful context (i.e. Something your users will recognize)

Don't
• Use drawer items for app functionality (e.g. Search, form controls, toggles, etc.)
• Use link icons purely for the sake of providing a nice visual

For more in-depth design guidance, refer to Material.ioopen_in_new

How to use

Refer to the readmeopen_in_new for detailed information.

<myuw-drawer slot="myuw-navigation">
  <myuw-drawer-subheader
    slot="myuw-drawer-links"
    label=""
    divider="">
  </myuw-drawer-subheader>
  <myuw-drawer-link
    slot="myuw-drawer-links"
    name=""
    icon=""
    href="">
  </myuw-drawer-link>
</myuw-drawer>

Slots & Child Components

• myuw-drawer-link: Used to populate one or more of the following child components:
  • <myuw-drawer-link>: A navigation item with the following attributes:
    • name: Name of the navigation item
    • icon: (optional) A material icon to add context to the link
    • href: URL the navigation item should link to
  • <myuw-drawer-subheader> A subheader to identify navigation items with shared context, using the following attributes:
    • label: Text the subheader should display
    • divider: (optional) Set to "true" if you want to separate the label from sections above it with a thin dividing line