From 1a8ebaf88d30014f323b36d89077d0ca48f0f2e4 Mon Sep 17 00:00:00 2001 From: Anish Lakhwara Date: Wed, 19 Feb 2025 11:09:54 -0800 Subject: [PATCH] feat: selectbox action component --- mast-react-vite/src/App.tsx | 2 +- mast-react-vite/src/components/ui/input.tsx | 55 +++++++++++++++++---- 2 files changed, 47 insertions(+), 10 deletions(-) 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 ( - +
+ + +
) } )