# System bars

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.

# Usage

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

# API

v-system-bar

# Examples

# Props

# Color

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

# Lights out

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

# Themes

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

# Window

A window bar with window controls and status info.

Ready for more?

Continue your learning with related content selected by the Team or move between pages by using the navigation links below.

Edit this page on GitHub

Last updated:11/12/2024, 6:59:50 AM