Componente para cargar iconos optimizados de FontAwesome 5 para Polymer 3.
npm install fa-icons
Propiedad | Tipo | Descripcion |
---|---|---|
color |
String | Color del icono, debe de ser un código hexadecimal valido |
src (optional) |
String | SVG Sprite de FontAwesome o de otros recursos, debe de ser una URL valida |
path-prefix (optional) |
String | Prefijo de la ruta para uso universal (Default node_modules) refer |
style |
String | Styles, debe seguir el estandard de StylesInline |
size |
String | Tamaño del icon, en CSS con notación numérica |
class |
String | Clase de FontAwesome, debe de seguir el estandard de HTMLClass |
<!--solo iclass & style-->
<fa-icon class="fal fa-envelope" style="fill: #2980B9;height: 2em;width: 2em;"></fa-icon>
<!--solo iclass, style, color & size-->
<fa-icon class="fal fa-envelope" color="#2980B9" size="2em"></fa-icon>
🚨 No recomendamos el uso con Polymer Element porque este esta obsoleto.
import { LitElement, html} from 'lit-element';
import 'fa-icons';
class CualquierClase extends LitElement {
render() {
return html`
<div>
<fa-icon class="fal fa-envelope" color="#2980B9" size="2em"></fa-icon>
</div>
`;
}
}
customElements.define('custom-component', CualquierClase );
Lo hemos probado con node >= 10. Se dara soporte en las versiones de Node LTS y actuales.
A menos que se indique lo contrario, los archivos fuente de fa-icons se distribuyen bajo la licencia MIT que se encuentra en el archivo LICENSE.
El desarrollo del icono de fa-icons está patrocinado por ObsidianSoft y está respaldado generosamente por contribuciones de individuos.
Este readme está disponible en las siguientes traducciones:
- Ingles 🇺🇸 (:pray: @obsidiansoft-io)
Para ver una pequeña demostración, basta con ejecutar:
$ polymer serve
E ir a la ruta /demo/
de la URL que indica Polymer CLI. Comunmente es: 127.0.0.1:8081
.
Ejemplo: 127.0.0.1:8081/demo
Para correr los test unitarios, se requiere tener instalado:
- Polymer-CLI
- Google Chrome
Para ejecutar los test, basta correr:
$ npm run test
Ó:
$ polymer serve
Y navegar hacia la ruta /test/
en el navegador del componente servido.