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

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
childrennodeComponents content
typestringValid HTML5 input value
namestringtitle of the textarea
onChangefunctionTo 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.

Contact Us