PromucFlow_constructor/app/client/src/components/designSystems/blueprint/CheckboxComponent.tsx
Nikhil Nandagopal 3e9f278b95 Release
2019-11-05 05:09:50 +00:00

29 lines
805 B
TypeScript

import * as React from "react";
import { ComponentProps } from "../appsmith/BaseComponent";
import { Checkbox } from "@blueprintjs/core";
class CheckboxComponent extends React.Component<CheckboxComponentProps> {
render() {
return (
<Checkbox
label={this.props.label}
large={true}
defaultIndeterminate={this.props.defaultCheckedState}
onChange={this.onCheckChange}
disabled={this.props.isDisabled}
/>
);
}
onCheckChange = (event: React.ChangeEvent<HTMLInputElement>) => {
this.props.onCheckChange(event.target.value === "true");
};
}
export interface CheckboxComponentProps extends ComponentProps {
label: string;
defaultCheckedState: boolean;
onCheckChange: (isChecked: boolean) => void;
}
export default CheckboxComponent;