See the new new component docs (under construction) for V19 and TypeScript samples.

App Layout

App Layout

App Layout provides a quick and easy way to get a common application layout structure done. Allows setting the logo, menu and page content.


Multiple configurations

The components come with various subparts that are required in typical options. You can have a horizontal menu at the top. Alternatively, you can have a vertical drawer on the side. Both can also be combined to have a side menu with an app header bar.


The side drawer can be opened and close on demand, making it useful outside of main app layout as well.


The menus adjust to the screen size so that it is intuitive to use in all devices. The top menu is placed to the bottom with small screens so that the menu items are close to the thumb when using a phone. The side menu collapses on small screens and opens up with animation on mobile.


Simple API to override default text content, logo, menu