This lesson is part of the Advanced Angular Library Laboratory Course - https://angular-university.io/course/angular-advanced-course?utm=yt-ll-1-c&grpp=t&couponCode=ANGULAR_LIB_LAB_YOUTUBE For more videos tutorials on Angular, check the Angular University website - https://angular-university.io/ This video is a demo of a small component built using content projection. This is an input box with an icon that helps to identify the text field, such as for example an envelope icon that helps identify the email field. In this component, we have prevented several design issues by choosing to take the HTML input box as an input, instead of making it part of the template directly. This prevents having to forward properties and events from the component inputs and outputs to the plain HTML Input. Have a look at this video to see what a component with this type of design would look like. Follow us: Twitter - https://twitter.com/AngularUniv Google+ - https://plus.google.com/u/1/113731658724752465218 Facebook - https://www.facebook.com/angular.university Check out the PDF E-Books available at the Angular University - https://angular-university.io/my-ebooks