Usage
import { FaBeer } from 'react-icons/fa';
class Question extends React.Component {
render() {
return <h3> Lets go for a <FaBeer />? </h3>
}
}
Docs.
Questions tagged [react-icons]
146 questions
0
votes
1 answer
React Icons affecting Tailwind styling
So I have the following styling:
function Button({
children,
primary,
secondary,
success,
warning,
danger,
outline,
rounded,
}) {
const classes = className("flex items-center px-3 py-1.5 border", {
"border-blue-500 bg-blue-500…
Daniel
- 14,004
- 16
- 96
- 156
0
votes
0 answers
How to customize FaExclamationTriangle?
I am using FaExclamationTriangle in my react component I want to customize it so that can look like :
When I am applying yellow color css to icon it showing yellow triangle with white exclamation.
Dreamer
- 586
- 3
- 7
- 23
0
votes
0 answers
[Vue warn]: Invalid VNode type ocurred when i try to add react icons to components in vue3
How can I create a sidebar in my Vue.js app with a right arrow icon using React icons? Here is the HTML code that I have so far:
owp bush
- 25
- 4
0
votes
0 answers
I adding in my admin panel multiple images. And when I fetch api to get these images as slider. Result is "Request failed with status code 403"
This is my code and in section slider i'm trying to make slider images but i don't know what's problem?
import React, { useState, useEffect } from "react";
import axios from "axios";
import styles from "./style.module.css";
import { MdArrowBackIos,…
Bale
- 11
- 1
0
votes
1 answer
react-icons placed below the content, but want to place beside
I am using to show down arrow in my navbar dropdown. So the list item of unordered list is:
aknahin
- 1
- 2
0
votes
0 answers
How do I fix a react-icon in place (button or with text)?
I have created an svg animation and (finally) managed to centre it on any screen size and make it responsive. I also have buttons with react-icons inside. However since I have centred the svg, the icons are not in the position I want them and also…
Lissa Simpson
- 3
- 2
0
votes
1 answer
Issues rendering react icons in a array of objects
Hi I am trying to render my Icons in a array of objects, each object has an icon defined from react-icons
Ive tried setting it as , tried importing createElement and cloneElement and using them to create the Icon and just definining it as {icon} or…
Faziki
- 767
- 1
- 9
- 24
0
votes
1 answer
Color propriety doesn't apply in icon, React-Js
I install the react-icons lib and i changed the icon size but the color does't apply.
Code:
AdrielBlessedZ
- 1
- 1
0
votes
1 answer
Warning message after clicking on react icon button
i have used FaEye, FaEyeSlash react icons as you can see in the below login code but every time i click on them i get the following warning message,i want that not to happen.note that i was using tailwindcss, but to fix this problem i tried using…
ayex
- 65
- 7
0
votes
1 answer
Change navbar active class on click and scroll using React
I was trying to do a floating sticky nav bar in React using simple HTML and CSS and some JS. Clicking on the button will take me to the page but it won't change the navbar active class sometimes and also i want the nav bar active class to change as…
Grim Reaper
- 3
- 2
0
votes
0 answers
Next.js cannot find React-icons module even after npm install
I am trying to use react-icons for my website. However, My Next.js app keeps giving the module not found error even after installing using npm install react-icons --save
here's whats in my javascript: import { FaBeer } from 'react-icons/fa';
What…
user16090651
- 11
- 2
0
votes
0 answers
Prettier removes parentheses around conditional in ternary expression
Prettier removes parentheses around conditional in ternary expression. Is there any way to set false in json file? or any other way? I still want the prettier ofcourse but I just don't want () to be removed example like in a code below.
user19816368
0
votes
3 answers
Using react-icons that are imported from another file
In a react app (created by vite), I need a list of categories to create a navigation menu. I have created this list in another file with .js extension. In the form of an array of objects:
// constants.js
import { MdHomeIcon, MdCodeIcon } from…
frshaad
- 32
- 5
0
votes
1 answer
React icons display
My imported React icons on my personal website are not displaying at all. I tried reinstalling React Icons with and without --save. I checked node_modules and package.json. Everything seems to be in order, but it still doesn't work.
Here is my code…
0
votes
0 answers
react-icons/fa icons not showing up in ReactNavbar
I am trying to import some icons from react-icons package and use it in the ReactNavbar but the icon is not showing up.
Please help me to get the icon show up!!
import React from 'react'
import {ReactNavbar} from "overlay-navbar"
import logo from…
Sudipta Das
- 31
- 3