CodeSandBox 載入 FontAwesome


Posted by mijouhsieh on 2023-06-10

  • CodeSandBox import Dependencies(即 套件)
  • Font Awesome: icon 頁面選擇 React / Indivisual Import

CodeSandBox import Dependencies

沒有特別選版本號
@fortawesome/react-fontawesome 0.20
@fortawesome/fontawesome-svg-core 6.4.0
@fortawesome/free-solid-svg-icons 6.4.0


CodeSandBox file 頂層 import 元件名稱 和 icon 名稱

import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import {
  faCircleArrowLeft,
  faCircleArrowRight
} from "@fortawesome/free-solid-svg-icons";

FontAwesomeIcon - Font Awesome 的 React 元件名稱
faCircleArrowLeft, faCircleArrowRight - Font Awesome 的 React icon 名稱


React icon 元件

React icon 元件加屬性

SandCodeBox Practice Link


#FontAwesome #React icon #add dependencies







Related Posts

DEC 14 2023 PROCL-5: User does not have permission to perform a local registry operation on this key. Authentication error [User [root] [已解決]

DEC 14 2023 PROCL-5: User does not have permission to perform a local registry operation on this key. Authentication error [User [root] [已解決]

更新 Node 的版本

更新 Node 的版本

第 19 期 Python 程式設計入門-作業任務4

第 19 期 Python 程式設計入門-作業任務4


Comments