FontAwesomeIconWrapper

Wrapper for FontAwesomeIcon component. This will show a loading state(skeleton loader) untill the icon is ready/available, then render the actual icon

Usage is the same as FontAwesomeIcon, additionally you can donfigure how skeleton loeader will render skeletonLoader

Installation

import { FontAwesomeIconWrapper } from 'uxp/components';

Signature

const FontAwesomeIconWrapper: React.FunctionComponent<FontAwesomIconWrapperProps>

Examples

<FontAwesomeIconWrapper
   icon={['fal', 'bars']}
/>

<FontAwesomeIconWrapper
   icon={['fal', 'bars']}
   skeletonLoader={{
      width: '100%',
      height: '100%',
      additionalStyle={{
         borderRadius: '50%',
         aspectRatio: '1'
     }}
   }}
/>

Properties

Name	Type	Mandatory	Default Value	Example Value
skeletonLoader	SkeletonLoaderProps	No	-	-

Related Types

• FontAwesomIconWrapperProps

• FontAwesomeIconProps

• BaseIconProps

• AnimationProps

• SkeletonLoaderProps