Я попытался добавить элемент span в тот же <div, что и значок реакции lucid. Но элемент span невидим на экране, но он на ⇐ CSS

[Anonymous]

Итак, я работаю с реагированием, у меня есть тег div, который принимает двух дочерних элементов: значок корзины Lucid и элемент span, который принимает количество элементов в корзине.

Код: Выделить всё

.lucide-shopping-cart {
position: relative
}

.cart-qty {
position: absolute;
top: 0;
right: 0;

border-radius: 50%
}

Как видите, я установил относительное положение корзины и абсолютное количество корзины, но количество корзины не отображается на веб-странице.
Вот соответствующий HTML-фрагмент:

Код: Выделить всё

Import {ShoppingCart} from 'lucide-react'
// Some other import...

return (
// Some other JSX...



x


)

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

Подробнее здесь: https://stackoverflow.com/questions/791 ... -but-the-s