Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug Report] 'v-app-bar-nav-icon' is not shown

See original GitHub issue

Environment

Vuetify Version: 2.0.0 Vue Version: 2.6.10 Browsers: Chrome 75.0.3770.142 OS: Windows 10

Steps to reproduce

Create a single-file component :

<template>
  <nav>
    <v-app-bar >
      <v-app-bar-nav-icon></v-app-bar-nav-icon>
    </v-app-bar>
  </nav>
<template>

<script>
export default {

  }
</script>

Expected Behavior

A navigation icon appears inside v-app-bar

Actual Behavior

The button is there, because I can see the hover effect, but the icon is not shown

Reproduction Link

https://codepen.io/Okptopoid/pen/VoaELQ

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:5 (1 by maintainers)

Top GitHub Comments

14reactions

Octopodocommented, Jul 24, 2019

Thank, that was my problem. I solved it adding this line to my index.html:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/MaterialDesign-Webfont/3.8.95/css/materialdesignicons.css">

2reactions

MajesticPotatoecommented, Jul 24, 2019

Seems you are missing icon fonts. Vuetify 2.0 uses mdi by default now instead of md. eg: https://codepen.io/anon/pen/JgXmBL

Top Results From Across the Web

[Bug Report] VToolbarSideIcon component is missing on 2.0.0 ...

Icon doesn't appear in the toolbar, and the app throws an error on ... and VAppBarNavIcon components, but it's not documented anywhere.

I am unable to use vue render functions to render Vuetify ...

I am unable to use vue render functions to render Vuetify uicomponents (v-app-bar, v-navigation-in a standalone vue component. Save this ...

Falcon Sandbox v8.49.7 © Hybrid Analysis

This report is generated from a file or URL submitted to this webservice on November 26th ... Not all malicious and suspicious indicators...

Vuetify: How To Place V-Navigation-Drawer Below V-App-Bar

Ask questions[Bug Report] vnavigationdrawer: when using clipped and temporary clipped is drawer not under the toolbar This darkens the toolbar as well.

Overview - Joe Sandbox

Report size exceeded maximum capacity and may have missing network information. Report size getting too big, too many NtCreateFile calls found.