ng-content

ng-content is Angular’s placeholder for children content.

@Component({
  selector: 'wrapper-component',
  template: `
    <div class="card-shadow">
      <ng-content />
    </div>
  `,
})
export class CustomCard {/* ... */}

Then, the content can be passed as the child to this wrapper component:

<wrapper-component>
	<p>Some child</p>
</wrapper-component>