App bar

The v-app-bar component is pivotal to any graphical user interface (GUI), as it generally is the primary source of site navigation.

Basic

The v-app-barcomponent is used for application-wide actions and information.

Default

Color

Use color prop to create various background v-app-bar.

Primary

Density

The density prop decreases the height of the v-app-bar based upon 1 of 4 levels of density. default, prominent, comfortable and compact.

Default
Prominent
Comfortable
Compact

Image

v-app-bar can contain background images. You can set source via the image prop. If you need to customize the v-img properties, the app-bar provides you with an image slot.

Background Image
CONTENTS

  • Introduction

  • Basic

  • Color

  • Density

  • Image