Как создать угловой динамический компонент на основе входных параметров

Question

Я создаю компонент для типографики, и я хотел бы иметь разные варианты классов типографики и способ создания этого компонента:

Пример определения компонента

      <typography variant="headline1" component="h1">
    hello h1
</typography>

пример вывода

      <h1 class="mat-headline-1">
    hello h1
</h1>

Я не могу понять, как динамически генерировать компонент на основе ввода компонента или получить доступ к определенному содержимому.

       const factory = this.factoryResolver.resolveComponentFactory('p');
    const component = factory.create(this.rootViewContainer.parentInjector);
    this.rootViewContainer.insert(component.hostView);