Add a link for each child button ?

[be-next-hotdog]

Yopp, I did not find the props while allow me to add a redirection link for child button ? Thx

[ifndefdeadmau5]

You can pass onClick handler via props to each button so that implement your custom behaviour

 <ChildButton
        iconButton={MdAdd}
        iconColor="black"
        order={1}
        backgroundColor="white"
        onClick={() => {/* Your custom code goes here */}}
   />

[be-next-hotdog]

Yep, I've tried this way but it will triggers immediately ChildButton onClick event while we click the MainButton and ChildButton is not a subnode of MainButton ... Have you showcase online ?

Thx a lot.

[be-next-hotdog]

I've tried many times, I really had no idea why this triggered automatically the childbutton onclick event while clicking mainbutton.

[be-next-hotdog]

I found out, the ChildButton covers always MainButton as you defined opacity: 0 while the menu is not active. It'd better assign z-index to each component I think.