Ability to display argument as content for component

Is your feature request related to a problem? Please describe Lets say we have some component named: app-button. We want content (children) of this component to be displated eg. as label:

<app-button>Hello Button</app-button>

@Component({
  selector: 'app-button',
  template: '<ng-content></ng-content>'
})
export class AppButtonComponent {}

How can we pass prop which will correspond with ng-content and generate examples as given:

const Template: Story<ButtonArgs> = (args, context) => {
   return {
     props: {
       content: 'My Button' // how to pass property which will display dynamically as ng-content
     }
  }
}

Describe the solution you’d like I would like to have ability to pass content which will be used as ng-content in my component.

Describe alternatives you’ve considered I know I can create some property in ButtonComponent and use it instead of ng-content, but this will not give me correct code syntax in Show code. I would like to see code:

<app-button>My Button</app-button>

Additional info Maybe there exist option to do what i described, but i haven’t found it in documentation.

[manuelmeister]

@ThibaudAV & @kroeder what do you think about innerTemplate?

[shilman]

@manuelmeister I’m not knowledgable about Angular. @ThibaudAV @kroeder can hopefully give feedback and help you make that happen!