Handling components state externally

[kleinpetr]

Hello I am wondering how to interact with components, for example Speed Dial, externally, out of slots, the typical usage in vue is using exposes at the component level which can be accessed from the parent something like

const myDial = ref()

function openMenu() {
  myDial.toggle()
} 

...

<SpeedDial ref="myDial" ...  />
<button @click="openMenu()">Open</button>

I would need to toggle visibility of this component and also others, such as menus, etc.. Thanks for clarification

[j0rgedev]

Hello @kleinpetr! I wonder, why don’t you try using the component emitters? For example, SpeedDial provides show and hide events that you can use to toggle its visibility without directly accessing the component via ref