X-Icon: HTML5 Web Component for Font Awesome

HTML5, CSS3 and JavaScript

The Fine Art of Web Development by Martin Ivanov

AcidJs.XIcon is another (hopefully) useful HTML5 Web Component for generating icons as custom tags using the amazing icon set of Font Awesome.

thumb

Usage

[sourcecode language=”html”]
<acidjs-xicon name="home"></acidjs-xicon>
<acidjs-xicon name="spinner" spin size="2x"></acidjs-xicon>
<acidjs-xicon name="shield" rotate="90" size="3x"></acidjs-xicon>
<acidjs-xicon name="facebook" flip="horizontal" size="3x"></acidjs-xicon>
[/sourcecode]

HTML Attributes of the Tag

Apart from the standard HTML attributes (style, class, id, etc.), the tag also supports the following component-specific attributes:

Check the code of the demo page or the distribution to see how to use X-Icon and have an awesome day!

If you share the same interest towards HTML5 Web Components as I do these days, make sure you read my relevant blog posts and further endeavors on my HTML5, CSS3 and JavaScript Experiments and Insight website.

 

Categories and Tags
Links

© 2006 - 2018 Martin Ivanov