Как использовать цифры на иконках с отличным шрифтом в REACT? - PullRequest
Новая
       5

Как использовать цифры на иконках с отличным шрифтом в REACT?

0 голосов
/ 15 апреля 2020

Я хочу, чтобы выходные данные были такими же, как на изображении ниже.

enter image description here

Я нашел значение ниже 

<!-- Create an icon wrapped by the fa-stack class -->
<span class="fa-stack">
    <!-- The icon that will wrap the number -->
    <span class="fa fa-circle-o fa-stack-2x"></span>
    <!-- a strong element with the custom content, in this case a number -->
    <strong class="fa-stack-1x">
        2    
    </strong>
</span>

но этот код отсутствует в REACT, и я хочу реализовать его в REACT, используя React-Fontawesome

Поэтому, пожалуйста, помогите мне с этим.

1 Ответ

0 голосов
/ 15 апреля 2020

Вы можете сделать что-то вроде этого: 

<div style={{ position: "relative" }}>
    <FontAwesomeIcon icon="circle" />
    <span style={{ position: "absolute" }}>2</span>
</div>
...