title: Utilizing TemplateRef from Angular 2 in Storybook programmatically
body: <p>I am utilizing a <code>TemplateRef</code> to handle the content of a custom tooltip component in Angular. This is a snippet of the code:</p>
  <pre class="lang-js prettyprint-override"><code>@Component({
    selector: 'app-branding-area',
    templateUrl: './branding-area.component.html',
    styleUrls: ['./branding-area.component.scss'],
  })
  export class BrandingAreaComponent implements OnChanges {
    @Required()
    @Input()
    text!: string;
  
    @Input()
    textTooltip?: TemplateRef&lt;any&gt;;
  
    // ....
  
  }
  </code></pre>
  <p>I would love to display this in our storybook, but I cannot find any documentation on programmatically adding <code>TemplateRef</code> - do I have to write the whole template for the story: i.e</p>
  <pre class="lang-js prettyprint-override"><code>const Template: Story&lt;BrandingAreaComponent&gt; = (args: BrandingAreaComponent) =&gt; ({
    component: BrandingAreaComponent,
    props: args,
    template: `
    &lt;app-branding-area
    text=&quot;${args.text}&quot;
    textTooltip=&quot;tooltip&quot;
    &gt;
    &lt;/app-branding-area&gt;
  
    &lt;ng-template #tooltip&gt;
      &lt;div&gt;
        &lt;p&gt;This is but an example.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/ng-template&gt;
    `
  });
  </code></pre>
  <p>I was hoping to set the args something like this:</p>
  <pre class="lang-js prettyprint-override"><code>export const Default = Template.bind({});
  Default.args = {
    text: 'Application Title',
    textTooltip: new TemplateRef&lt;any&gt;(`&lt;div
        &lt;p&gt;This is but an example.&lt;/p&gt;
      &lt;/div&gt;
  `),
  }
  
  </code></pre>