question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Icon component PropType update to FontAwesome 4.7.0

See original GitHub issue

It appears the PropType validation for name on the Icon component needs to get updated to support the new FontAwesome 4.7.0 icons that were just added in the most recent SUI release.

Steps

Set the name property to “address book outline” on an Icon component or on a icon property for a List.Item component

Expected Result

The “address book outline” icon should show and there should be no console error for an invalid string passed.

Actual Result

The icon is rendered correctly but there is a console error:

Warning: Failed prop type: Invalid prop `name` of value `address book outline` supplied to `Icon`.

Instead of `address book outline`, did you mean:
  - disk outline
  - bell outline
  - hdd outline

Version

0.65.0 SUIR 2.2.9 SUI

Testcase

http://codepen.io/anon/pen/gmYGXZ

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:12 (12 by maintainers)

github_iconTop GitHub Comments

2reactions
kamdzcommented, Feb 22, 2017

I did it ✌️

0reactions
levithomasoncommented, Mar 1, 2017

Released in semantic-ui-react@0.67.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Versions of Font Awesome
Our latest, current, and most awesome version yet packed with almost twice as many icons, new categories, all of our icons in a...
Read more >
react-fontawesome | Yarn - Package Manager
A React component for the font-awesome icon library. react, font-awesome, fontawesome, bootstrap. readme. react-fontawesome. styled with prettier ...
Read more >
Font awesome icon does not show - Stack Overflow
For Angular 10, we have to install the 0.7.x version of the font-awesome component for angular. $ npm install @fortawesome/angular-fontawesome@< ...
Read more >
Font Awesome Official Icon Component (Free + Pro) - Figma
An official Font Awesome 5 + 6 icon component that uses OTF files and ligatures to make adding icons (and swapping styles) simple...
Read more >
Issue with Font Awesome icons not displaying properly in 6.1.1
When I try to view the "Font Awesome" icons in Simulate mode, view it from a shared online prototype, or export it to...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found