For Enterprise

The v-system-bar component can be used for displaying statuses to the user. It looks like the Android system bar and can contain icons, spacers, and some text.

v-system-bar in its simplest form displays a small container with default theme.

Select your desired component from below and see the available props, slots, events and functions.

Below is a collection of simple to complex examples.

You can optionally change the color of the v-system-bar by using the color prop.

You can reduce v-system-bar's opacity using lights-out property.

Dark or light theme variants can be applied to v-system-bar.

A window bar with window controls and status info.

Ready for more? Continue reading with:

Caught a mistake or want to contribute to the documentation? Edit Layout or Content on GitHub!