@fortawesome/react-fontawesome
Advanced tools
@fortawesome/react-fontawesome - npm Package Compare versions
Comparing version 0.1.11 to 0.1.12
@@ -9,2 +9,10 @@ # Change Log | ||
| ## [0.1.12](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.12) - 2020-10-26 | ||
| ### Fixed | ||
| - Change peer dependency to support React 17 | ||
| --- | ||
| ## [0.1.11](https://github.com/FortAwesome/react-fontawesome/releases/tag/0.1.11) - 2020-06-16 | ||
@@ -11,0 +19,0 @@ |
| { | ||
| "name": "@fortawesome/react-fontawesome", | ||
| "description": "Official React component for Font Awesome 5", | ||
| "version": "0.1.11", | ||
| "version": "0.1.12", | ||
| "main": "index.js", | ||
@@ -48,3 +48,3 @@ "module": "index.es.js", | ||
| "@fortawesome/fontawesome-svg-core": "^1.2.20", | ||
| "react": "16.x" | ||
| "react": ">=16.x" | ||
| }, | ||
@@ -51,0 +51,0 @@ "devDependencies": { |
@@ -75,23 +75,15 @@ <a href="https://fontawesome.com"> | ||
| ```shell | ||
| npm i --save @fortawesome/fontawesome-svg-core \ | ||
| @fortawesome/free-solid-svg-icons \ | ||
| @fortawesome/react-fontawesome | ||
| ``` | ||
| $ npm i --save @fortawesome/fontawesome-svg-core | ||
| $ npm i --save @fortawesome/free-solid-svg-icons | ||
| $ npm i --save @fortawesome/react-fontawesome | ||
| ``` | ||
| or | ||
| ``` | ||
| $ npm i --save @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome | ||
| ``` | ||
| Or with Yarn: | ||
| ```shell | ||
| yarn add @fortawesome/fontawesome-svg-core \ | ||
| @fortawesome/free-solid-svg-icons \ | ||
| @fortawesome/react-fontawesome | ||
| ``` | ||
| $ yarn add @fortawesome/fontawesome-svg-core | ||
| $ yarn add @fortawesome/free-solid-svg-icons | ||
| $ yarn add @fortawesome/react-fontawesome | ||
| ``` | ||
| or | ||
| ``` | ||
| $ yarn add @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome | ||
| ``` | ||
@@ -105,14 +97,32 @@ ## Add more styles or Pro icons | ||
| ```shell | ||
| npm i --save @fortawesome/free-brands-svg-icons | ||
| npm i --save @fortawesome/free-regular-svg-icons | ||
| ``` | ||
| $ npm i --save @fortawesome/free-brands-svg-icons | ||
| $ npm i --save @fortawesome/free-regular-svg-icons | ||
| ``` | ||
| If you are a [Font Awesome Pro](https://fontawesome.com/pro) subscriber you can install Pro packages; this requires [additional configuration](https://fontawesome.com/how-to-use/on-the-web/setup/using-package-managers). | ||
| ```shell | ||
| npm i --save @fortawesome/pro-solid-svg-icons | ||
| npm i --save @fortawesome/pro-regular-svg-icons | ||
| npm i --save @fortawesome/pro-light-svg-icons | ||
| npm i --save @fortawesome/pro-duotone-svg-icons | ||
| ``` | ||
| $ npm i --save @fortawesome/pro-solid-svg-icons | ||
| $ npm i --save @fortawesome/pro-regular-svg-icons | ||
| $ npm i --save @fortawesome/pro-light-svg-icons | ||
| $ npm i --save @fortawesome/pro-duotone-svg-icons | ||
| In order to use Pro icons, make sure to pass the type of icon you want to use into the `icon` prop of the component: | ||
| ```javascript | ||
| // Light: | ||
| <FontAwesomeIcon icon={["fal", "coffee"]} /> | ||
| // Regular: | ||
| <FontAwesomeIcon icon={["far", "coffee"]} /> | ||
| // Solid | ||
| <FontAwesomeIcon icon={["fas", "coffee"]} /> | ||
| // ...or, omit as FontAwesome defaults to solid, so no need to prefix: | ||
| <FontAwesomeIcon icon="coffee" /> | ||
| // Brand: | ||
| <FontAwesomeIcon icon={["fab", "github"]} /> | ||
| ``` | ||
@@ -154,3 +164,3 @@ | ||
| ``` | ||
| $ npm i --save @fortawesome/free-solid-svg-icons | ||
| npm i --save @fortawesome/free-solid-svg-icons | ||
| ``` | ||
@@ -161,3 +171,3 @@ | ||
| ``` | ||
| $ yarn add @fortawesome/free-solid-svg-icons | ||
| yarn add @fortawesome/free-solid-svg-icons | ||
| ``` | ||
@@ -205,3 +215,3 @@ | ||
| ``` | ||
| $ npm i --save @fortawesome/free-brands-svg-icons | ||
| npm i --save @fortawesome/free-brands-svg-icons | ||
| ``` | ||
@@ -212,3 +222,3 @@ | ||
| ``` | ||
| $ yarn add @fortawesome/free-brands-svg-icons | ||
| yarn add @fortawesome/free-brands-svg-icons | ||
| ``` | ||
@@ -215,0 +225,0 @@ |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.66%
57340
- Number of lines in readme file
- increased by1.43%
708
No dependency changes