=&quot;blog-post&quot;> <h1>{{title}}</h1>...">

  <meta property="og:type" content="website">

<!---->
<meta name="twitter:card" content="summary">

<!---->
<!---->
  <meta name="twitter:title" content="Passing Properties to a Component - Components - Ember Guides">

<!---->
  <meta name="twitter:description" content="Components are isolated from their surroundings, so any data that the component needs has to be passed in. 

For example, imagine you have a blog-post component that is used to display a blog