diff --git a/components/ElementToggle/index.tsx b/components/ElementToggle/index.tsx
index 6e09920a..68486bdb 100644
--- a/components/ElementToggle/index.tsx
+++ b/components/ElementToggle/index.tsx
@@ -5,11 +5,12 @@ import './index.scss'
 
 interface Props {
     currentElement: number
+    sendValue: (value: string) => void
 }
 
 const ElementToggle = (props: Props) => {
     return (
-        <ToggleGroup.Root className="ToggleGroup" type="single" defaultValue={`${props.currentElement}`} aria-label="Element">
+        <ToggleGroup.Root className="ToggleGroup" type="single" defaultValue={`${props.currentElement}`} aria-label="Element" onValueChange={props.sendValue}>
             <ToggleGroup.Item className="ToggleItem" value="0" aria-label="null">
                 Null
             </ToggleGroup.Item>