How can we invoke one component from another component with in same repo of stencils

Question

I have one component with

render() { 
  return (
    <Host>
      <my-component>
        <button onclick={}></button>
      </my-component>
    </Host>
  );
}

How can i invoke my-component1 from my-component based on button-click event and pass some parameter?

I have another component

render() { 
  return (
    <Host>
      <my-component1></my-component1>
    </Host>
  );
} 

Tried calling my-component1 in onClick function. did not work