FontAwsome icons for polymer 3
npm install fa-iconsbash
npm install fa-icons
`
Properties
Property | Type | Description
------------ | ------------- | -------------
color | String | Icon color, must be an hex color
src (optional) | String | SVG Sprite of FontAwesome and other resources, must be a valid URL
path-prefix (optional) | String | Prefix of path for universal use (Default node_modules) refer
style | String | Styles, must follow the StylesInline standard
size | String | Size of icon, in CSS number notation
class | String | FontAwesome class, must follow HTMLClass standard
Example
`html
`
Usage with LitElement
🚨 We don't advise the use with Polymer Element because it's deprecated.
`javascript
import { LitElement, html} from 'lit-element';
import 'fa-icons';
class SomeClass extends LitElement {
render() {
return html
;
}
}
customElements.define('custom-component', SomeClass );
`
Supported Node Versions
We have test it with node >= 10. We will support on even Nodejs versions that are current or in maintenance.
License
Unless otherwise noted, the fa-icon source files are distributed under the MIT license found in the LICENSE file.
Sponsorship
Development of the fa-icons is currently sponsored by ObsidianSoft and generously supported by contributions from individuals.
Translations
This readme is available in the following translations:
- Spanish :es: (:pray: @obsidiansoft-io)
Preview element
To visualize the element demo, simply run:
`
$ polymer serve
`
And navigate to /demo/ in the URL that the Polymer CLI indicates. Usually, it is 127.0.0.1:8081.
E.g.: 127.0.0.1:8081/demo
Testing element
To correctly test the element individually, you require:
* Polymer-CLI
* Google Chrome
To test, simply run:
`
$ npm run test
`
Or:
`
$ polymer serve
`
And navigate to the /test/` URL path in your web browser.