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.
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.