score:1
this issue has been raised on their github page and later added to their documents.
below is the copy&paste from their doc,
registering icons
import { registericons } from '@uifabric/styling';
import icon from '@fortawesome/react-fontawesome';
registericons({
icons: {
'home': <icon icon={['fal', 'home']} />,
'homesolid': <icon icon={['fas', 'home']} />,
}
});
using it
import { button } from 'office-ui-fabric-react/lib/button';
const icontest = () => <button iconprops={{ iconname: 'homesolid' }} />
Source: stackoverflow.com
Related Query
- How can I use Font Awesome icons in an Office UI Fabric React icon button component?
- How to use Font Awesome Icons with Text using ternary operator in React JS?
- Font Awesome 5 use social/brand icons in React
- How to use Icons like Font Awesome in Gatsby
- How to achieve Font Awesome stack icons feature in react native
- How to get Font Awesome Icon in react app for a pseudo element in css
- How to focus a button in a details list using React and Office Fabric
- How we can close the error messagebar of office react fabric component?
- I use React js and Material-UI. How can i validate "correct" green color validation on button submit click?
- How to eliminate gap between Font Awesome Icon and paragraph in React JS?
- How to reflect font awesome icons in the react project?
- How do I conditionally render font awesome icons in react
- How can I create a counter as components to use multiple times and create one button to reset all the counter in React JS?
- How to use Font Awesome 6 icons in React.js, especially social icons?
- How can I use React icons in Placeholder?
- react change button icon with font awesome unicodes
- How to use useEffect to change icon of a button on cursor hover in react
- How can I use input type='text' in a Icon Button (Material UI) in React?
- React Bootstrap: How can I change the icon of Dropdown.Toggle from the arrow icon to some other icons from React Icon?
- How to use a font awesome icon to react-table v7 with expand / contract?
- how to use font awesome in react with map()
- How to change the color of radio button with font awesome icon in react, styled components
- How to use numbers on icons with font awesome in REACT?
- How can you use ContextualMenu with Persona in Office Fabric UI React?
- How to include a Font Awesome icon in React's render()
- How can I make use of Error boundaries in functional React components?
- react Material-ui, How do I know I can use onClick for button?
- How can I use React hooks in React classic `class` component?
- How we can use pipes in React JavaScript?
- How to know if react-router can go back to display back button in react app
More Query from same tag
- Rails + React + real time validations
- How to trigger a graphql query (via useQuery or useLazyQuery ) when the user types text into a input text field
- Material-ui/pickers: Hide the label
- Is it possible to use React Hooks API without using JSX (in typescript)
- React useState Causing an infinite loop
- react-router-dom(^5.3.0) -> redirect
- setState does not set the state properly, when dropdown values changes
- react router and routes is not working , i could not able to navigate to blogs page
- How to use defaultValue in the select tag in a functional component?
- React dynamic tabindex creation
- Display html markup in react jsx
- Redirect after submit in React
- [React/JSX]: Remove CSS classes on sibling components, when the current component is clicked
- How to use React Moment Use fromNow in element title?
- Cordova Android ReactJS
- React Uncaught TypeError: this.state.messages.map is not a function
- How to use useState to only update specific object from array of objects?
- Reactjs Access class method outside the class but in same file
- Testing React component with global dependency
- firebase + create-react-app hosting error
- NextJS/Ant-design styles and JS bundles delaying to load in staging
- Cannot read property 'getHostNode' of null occurs when I refresh on nested route
- Node events.js:167 throw er; // Unhandled 'error' event
- react.js redirect to view
- Redux-saga is not running in my reactJS App
- Pass function from parent to child
- How to open and close dropdown on btn-click, but in same time with outside click close?
- When to use hooks? is worth it that example?
- Recommendation on how to update an array if the index changes
- React TypeError: Cannot convert undefined or null to object