Как мне использовать иконки реагировать на панели инструментов

Question

Я использую react-toolbox для моего проекта.

Я попробовал какую-то особенность, которая у него есть, например, значок кнопки. и теперь мне нужна кнопка с arrow-uзначок р. я не знаю, предоставляется ли он реакцией-инструментарием или нет.

<Button icon='arrow-up' floating />

Код выше не показывает значок на кнопке

Как я могу использовать arrow-up значок? Любая помощь приветствуется

Answer 1

React Toolbox - это набор компонентов React, которые реализуют Google's Material Design specification,

Согласно странице Github

Roboto Значки шрифтов и материалов

React Toolbox предполагает, что вы импортируете Roboto Font и Material Design Icons.

Чтобы импортировать шрифты для вас, нам нужно включить их в CSS, что считается плохой практикой. Если вы не включили их в свое приложение, перейдите на связанные сайты и следуйте инструкциям.

Так как он использует материал-значок, вы можете получить весь список значков из материалов иконок

Для значка со стрелкой вверх вы бы использовали

 <Button icon='keyboard-arrow-up' floating />

Answer 2

Если у вас проблема с тем, что значки не отображаются, вы, вероятно, забыли добавить в файл.html следующую ссылку:

... link rel = "stylesheet" href = "https://fonts.googleapis.com/icon?family=Material+Icons"... (не удалось добавить нужную ссылку из-за безопасности github, поэтому замените... с <или>)

Ознакомьтесь с руководством по установке web material.io: https://material.io/develop/web/docs/getting-started/