Gooey Navigation Menu

Tap the button and actions stretch out like liquid metal.

Loading preview...

Props

PropTypeDefaultDescription
itemsGooeyMenuItem[]-Child items that pop out of the FAB. 3–6 looks best.
radiusnumber96Distance in pixels the children travel from the trigger center.
arcnumber180Arc in degrees the children fan across. 90 is a quarter, 180 a half.
direction"up" | "down" | "left" | "right""up"Direction the arc opens toward.
sizenumber60Diameter of the trigger button in pixels.
childSizenumber44Diameter of each child button in pixels.