<template> <DocSectionText v-bind="$attrs"> <p>List of class names used in the styled mode.</p> </DocSectionText> <div class="doc-tablewrapper"> <table class="doc-table"> <thead> <tr> <th>Name</th> <th>Element</th> </tr> </thead> <tbody> <tr> <td>p-menubar</td> <td>Container element.</td> </tr> <tr> <td>p-menubar-start</td> <td>Container of the start slot.</td> </tr> <tr> <td>p-menubar-end</td> <td>Container of the end slot.</td> </tr> <tr> <td>p-menubar-button</td> <td>Mobile menubar toggle button.</td> </tr> <tr> <td>p-menubar-root-list</td> <td>Root list element.</td> </tr> <tr> <td>p-submenu-list</td> <td>Submenu list element.</td> </tr> <tr> <td>p-menuitem</td> <td>Menuitem element.</td> </tr> <tr> <td>p-menuitem-active</td> <td>Active menuitem element.</td> </tr> <tr> <td>p-menuitem-content</td> <td>Content of menuitem.</td> </tr> <tr> <td>p-menuitem-link</td> <td>Link element of the menuitem.</td> </tr> <tr> <td>p-menuitem-text</td> <td>Label of a menuitem.</td> </tr> <tr> <td>p-menuitem-icon</td> <td>Icon of a menuitem.</td> </tr> <tr> <td>p-submenu-icon</td> <td>Arrow icon of a submenu.</td> </tr> </tbody> </table> </div> </template>