feat(handle): add class name prop type

README.md

@@ -188,6 +188,7 @@ const targetHandleWithValidation = (
 - `onConnect`: function that gets triggered on connect
 - `isValidConnection`: function receives a connection `{ target: 'some-id', source: 'another-id' }` as param, returns a boolean - true by default
 - `style`: css properties
+- `className`: additional class name
 
 #### Multiple Handles
 

src/components/Handle/index.tsx

@@ -12,7 +12,9 @@ const Handle = memo(
     position = Position.Top,
     onConnect = () => {},
     isValidConnection = () => true,
-    ...rest
+    style,
+    className,
+    id,
   }: HandleProps) => {
     const nodeId = useContext(NodeIdContext) as ElementId;
     const setPosition = useStoreActions((a) => a.setConnectionPosition);
@@ -32,7 +34,9 @@ const Handle = memo(
         type={type}
         position={position}
         isValidConnection={isValidConnection}
-        {...rest}
+        style={style}
+        className={className}
+        id={id}
       />
     );
   }

src/types/index.ts

@@ -168,6 +168,7 @@ export interface HandleProps {
   isValidConnection?: (connection: Connection) => boolean;
   id?: string;
   style?: CSSProperties;
+  className?: string;
 }
 
 export interface EdgeCompProps {