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.


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



Leave a Reply

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

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

Facebook photo

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

Connecting to %s