diff --git a/mast-react-vite/src/App.tsx b/mast-react-vite/src/App.tsx index 7fdc55d..7befa6d 100644 --- a/mast-react-vite/src/App.tsx +++ b/mast-react-vite/src/App.tsx @@ -214,7 +214,7 @@ function App({ ctx }) { <>
( ({ className, type, ...props }, ref) => { + const [selectedIndex, setSelectedIndex] = React.useState(0) + const options = ["add", "done", "delete"] + + const handleWheel = (event: React.WheelEvent) => { + event.preventDefault() + if (event.deltaY > 0) { + // Scroll down + setSelectedIndex((prev) => (prev + 1) % options.length) + } else { + // Scroll up + setSelectedIndex((prev) => (prev - 1 + options.length) % options.length) + } + } + return ( - +
+ + +
) } )