✨(react) add a temporary Checkbox
We need a temporary Checkbox in order to implement the row selection feature of the future DataGrid. This do not come from designer sketches for now.
This commit is contained in:
17
packages/react/src/components/Forms/Checkbox/index.tsx
Normal file
17
packages/react/src/components/Forms/Checkbox/index.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import React, { HTMLProps, useEffect, useRef } from "react";
|
||||
|
||||
export const Checkbox = ({
|
||||
indeterminate,
|
||||
className = "",
|
||||
...rest
|
||||
}: { indeterminate?: boolean } & HTMLProps<HTMLInputElement>) => {
|
||||
const ref = useRef<HTMLInputElement>(null!);
|
||||
|
||||
useEffect(() => {
|
||||
if (typeof indeterminate === "boolean") {
|
||||
ref.current.indeterminate = !rest.checked && indeterminate;
|
||||
}
|
||||
}, [ref, indeterminate]);
|
||||
|
||||
return <input type="checkbox" ref={ref} className={className} {...rest} />;
|
||||
};
|
||||
Reference in New Issue
Block a user