title: How to extend or add data to cdk-steps in Angular?
body: <p>I'm new to Angular and the CDK. I try to implement my own <code>cdk-stepper</code>, e.g. <code>my-stepper</code>. I want to give each <code>cdk-step</code> a couple of properties that I can access in <code>my-stepper</code>, for example text for a next-step-button. How can that be done? Can I make a directive to add to the <code>cdk-step</code>s?</p>
  <pre><code>&lt;my-stepper linear&gt;
          &lt;cdk-step [completed]=&quot;stepCompleted&quot; nextButtonText=&quot;I want to use this in my-stepper&quot;&gt;
              &lt;my-control&gt;&lt;/ny-control&gt;
          &lt;/cdk-step&gt;
  &lt;/app-gus-stepper&gt;
  </code></pre>