hola-mundo2.tsx

import {Component, Prop} from '@stencil/core'

@Component({
  tag: 'hola-mundo2',
  styleUrl: 'hola-mundo2.scss'
})
export class HolaMundo2 {
  @Prop() text: string;
  render () {
    return (
      <div>
        <h1>{ this.text }</h1>
      </div>
    )
  }
}

hola-mundo3.tsx

import {Component} from '@stencil/core'

@Component({
  tag: 'hola-mundo3',
  styleUrl: 'hola-mundo3.scss'
})
export class HolaMundo3 {
  render () {
    return (
      <div>
        <hola-mundo2 text="Hola Mundo"></hola-mundo2>
      </div>
    )
  }
}