Полимерная бумага-значок-кнопка не показывает изображение


Я хочу сделать панель с выдвижным ящиком для бумаг, на левой стороне которой есть кнопка меню, открывающая навигационный ящик. Поэтому в главной панели заголовка я добавил кнопку, как и в документации по полимеру:

<paper-header-panel main>
  <paper-toolbar>
    <paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
      <div>Extracurricular Activities</div>
    </paper-toolbar>
    <!-- main content -->
  </paper-toolbar>
</paper-header-panel>

Проблема в том, что кнопка меню не имеет изображения, но я правильно включил кнопку paper-icon-button. Когда я нажимаю на место, где должна быть кнопка, Я вижу нормальный эффект пульсации, и ящик открывается, поэтому кнопка должна быть там.

Вот такой скриншот заголовка, кнопка меню должна быть слева от текста заголовка

Есть ли у кого-нибудь идея, что я делаю неправильно?
1 3

1 ответ:

Убедитесь, что вы также импортируете набор значков. Значки по умолчанию (включая меню) можно найти вiron-icons .

После установки iron-icons. Выполните следующий импорт:

<link rel="import" href="bower_components/iron-icons/iron-icons.html">