React Bootswatch Select
Edit page
Home
Components
BootstrapBootswatchSelectFontAwesomeDescriptionUsagePropsDemo
Code of ConductMIT License

FontAwesome

Description

Use this component to quickly add Font Awesome styles to the <head/> element of the page.

By default, styles are loaded from bootstrapcdn.com CDN.

Usage

import { FontAwesome } from 'react-bootswatch-select';
...
<FontAwesome version={'4.7.0'} />

Props

version
string
required
cdnLocation
string | undefined
filename
string | undefined

Note: Expand each prop for more information.



The following template is used for the Font Awesome CSS path: ${cdnLocation}/${version}/css/${filename}

Demo

See the Storybook demo for a live example. The paintbrush icon and eye icon in the header are both Font Awesome icons.