App Bar

The AppBar component is pivotal to any graphical user interface (GUI), as it generally is the primary source of site navigation. The app-bar component works great in conjunction with a NavigationDrawer for providing site navigation in your application.

Playground

The AppBar component is used for application-wide actions and information.

Title
Options

API

Usage

Here is a basic example on how to use the AppBar.

Examples

Below is a collection of simple to complex examples.

Dense

You can make app-bar dense. A dense app bar has lower height than regular one.

Collapsing Bars

With the collapse prop you can easily control the state of toolbar that the user interacts with.

It is very easy to integrate navigation drawers with app bars.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.



Last Updated: 2022-10-03