layout

.card-image Element image element for use inside a .card container .card-title Element a title element for use inside .card containers

.column Element a column element: children will appear in a vertical column .overlap Element Overlapping container: children overlap by 30%, typically... .row Action a row element: children will appear underneath

.appbar Element Creates an app bar at the top of your app .appbar-avatar Element Displays an avatar (image or initials) inside an app bar .appbar-button Element Button inside an app bar .appbar-icon Element Displays an icon inside an app bar .appbar-text Element Displays text inside an app bar .appbar-zone Element Container zone inside an app bar for positioning generic ... .backbar Element Navigation bar with back button .footer Element Creates a fixed app bar at the bottom of your app .footer-basic Element Pre-configured footer with standard navigation items .footer-nav Element Navigation item for footer bars (mobile nav style) .header Element Creates a fixed app bar at the top of your app hide-footer Action Hide the footer bar (keeps it in the DOM) hide-header Action Hide the header bar (keeps it in the DOM) show-footer Action Show a previously hidden footer bar show-header Action Show a previously hidden header bar toggle-footer Action Toggle the footer bar between visible and hidden toggle-header Action Toggle the header bar between visible and hidden

.align-bottom-center Element Positions elements at the bottom-center of their container .align-bottom-left Element Aligns elements in the bottom-left corner of a stack cont... .align-bottom-right Element Positions elements in the bottom-right corner of their co... .align-top-center Element Positions elements at the top-center of their container .align-top-left Element Positions elements in the top-left corner of their container .align-top-right Element Positions elements in the top-right corner of their conta... .center Element Positions elements at the center of their container .left-center Element Positions elements at the left-center of their container .right-center Element Positions elements at the right-center of their container .stack Element Creates a vertical container to stack elements on top of ...