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

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s