DocSpace-client/packages/components/checkbox

Checkbox

Custom checkbox input

Usage

import Checkbox from "@docspace/components/checkbox";

<Checkbox
  id="id"
  name="name"
  value="value"
  label="label"
  isChecked={false}
  isIndeterminate={false}
  isDisabled={false}
  onChange={() => {}}
/>

Properties

Props	Type	Required	Values	Default	Description
className	string	-	-	-	Accepts class
id	string	-	-	-	Used as HTML id property
isChecked	bool	-	-	false	The checked property sets the checked state of a checkbox
isDisabled	bool	-	-	-	Disables the Checkbox input
isIndeterminate	bool	-	-	-	If true, this state is shown as a rectangle in the checkbox
label	string	-	-	-	Label of the input
name	string	-	-	-	Used as HTML name property
onChange	func	✅	-	-	Will be triggered whenever an CheckboxInput is clicked
style	obj, array	-	-	-	Accepts css style
value	string	-	-	-	Value of the input
title	bool	-	-	-	Title
truncate	bool	-	-	false	Disables word wrapping
color	string	-	-	#FFFF	Makes the checkbox a different color