Checkbox

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

Checkboxes - are used for input control, which allows us to select items from a group. Checkboxes are usually used in:

Lists when you have to select one or more items.
To show lists with sub-sections.
To represent if something is on/off.

Note: Incase you want to show a single option, its better to use a switch than a checkbox because its sometimes easier to miss a single checkbox.

Import

import Checkbox from '@intelops/intelops_ui/packages/react/components/Checkbox/src';

Create a Checkbox

<Checkbox 
    type="checkbox" 
    onChange={handleChange}>
    Checkbox Name
</Checkbox>

Props

Name	Type	Description
id	string	Unique to each element can be used to lookup an element getElementById( )
className	string	To add new or to override the applied styles
children	node	Components content
type	string	Valid HTML5 input value
name	string	title of the textarea
onChange	function	To handle change - when you enter data

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.