SECOND POLYMER PROJECT TEST

Now I knew the basics a little bit, it was time to step it up and create a slightly more complex custom component. This time I created a custom component that was connected within another custom component that could be used as a whole custom component. Check out the results below!!

The Code;

First step is to create the backbone by setting up the layout and the content specifications.

contactlisting1

Next up, I added the specific content and made sure my custom element would repeat for all sets of data.contactlisting2

The best part of components is that even with all this complex code going on in the background the index file is super clean, it just included the custom component tag.contactlisting3

 

The Result;

With the addition of some simple structural css, the end product looks like this.

Screen Shot 2016-03-12 at 09.39.24.png

 

Advertisement