filmov
tv
React Icons in Reactjs (react-icons) | React Icons all you need to know

Показать описание
In this video let me show you a package of react called react icons. This is a quick and simple package to implement icons in your react project. In this video I will tell you all that you need to know about react icons. Hope you like it.
These are some questions that has been answered in this video
Time stamps
Intro: 00:00
1 Where to find React Icons : 00:16
2 How to install it? 00:30
- npm install react-icons --save
either in your command line or in your vscode's terminal
3 How to use It? 00:50
- import a package
eg
import { FaBeer } from 'react-icons/fa';
call that icons as an HTML Tag
4 How to Style It? 01:38
Don’t add padding to your icons it will give some problems
5 How to add multiple and different icons 03:26
just click on those icons to copy and paste it after a comma and then call it like an html tag
6 Any cons ? 05:07
You get all icons at once which is a lot of line of code that is not used so after finishing your project just find those icons and use them manually
-~-~~-~~~-~~-~-
Please watch: "Everything To Know About Css Grid"
-~-~~-~~~-~~-~-
These are some questions that has been answered in this video
Time stamps
Intro: 00:00
1 Where to find React Icons : 00:16
2 How to install it? 00:30
- npm install react-icons --save
either in your command line or in your vscode's terminal
3 How to use It? 00:50
- import a package
eg
import { FaBeer } from 'react-icons/fa';
call that icons as an HTML Tag
4 How to Style It? 01:38
Don’t add padding to your icons it will give some problems
5 How to add multiple and different icons 03:26
just click on those icons to copy and paste it after a comma and then call it like an html tag
6 Any cons ? 05:07
You get all icons at once which is a lot of line of code that is not used so after finishing your project just find those icons and use them manually
-~-~~-~~~-~~-~-
Please watch: "Everything To Know About Css Grid"
-~-~~-~~~-~~-~-
React Icons in Reactjs (react-icons) | React Icons all you need to know
How to Use React Icons and Install React Icons in React JS
The best way to use icons in React (with React Icons)
The Only React Icon Library You Need | React-icons
how to use font awesome icons in react js easily
How To Use Font Awesome Icons In React JS (Easy Method)
Add icons to Next JS or React using React Icons
Install and use React icons
Relocation - React JS Projects for placement | React Js Tutorial
react icons auto import | vscode extension
How to Use SVG Icons in React with React Icons and Font Awesome
😍 React-icons All icons in one Library | How to install and use react-icons
How To Use React Icons and Install React Icons in React JS | Best React Icons For Your Project
Curso React: React Icons - #16
Как подключить и стилизовать react-icons | Add and style react-icons
#React Tutorial : Use icons and images in a React JS Project | Font Awesome & Material Design Ic...
Add Social Media Icons to React (with React Font Awesome)
Install font awesome icons in react js 2022
React Projelerinde Icon Kullanımı
Icons in React & Next Js | Simplified
Adding Lucide icon to the react app.
How to Use SVG Icons in React App?
How To Add An SVG To A React App
Curso de React JS Aula 05 Ícones no React JS, React Icons e criar página Contatos
Комментарии