Checkbox
Basic usage
Show editable code example
Any Paragon component or export may be added to the code example.
Disabled
Show editable code example
Any Paragon component or export may be added to the code example.
Default checked
Show editable code example
Any Paragon component or export may be added to the code example.
Call a function
Show editable code example
Any Paragon component or export may be added to the code example.
Controlled example
Show editable code example
Any Paragon component or export may be added to the code example.
Props API#
Check Props API
- checked
bool
Defaultfalse(
Boolean
):true
if the state should be checked,false
otherwise. This prop can be used to manage the Checkbox more directly, overriding the default Checkbox checked state. - onChange
func
Default() => {}(
Boolean
):true
if the checkbox should be disabled,false
otherwise - inputRef
func
|shape
{current:}PropTypes.element
,function to be called when the checkbox changes state
Usage Insights#
Check
Project Name | Paragon Version | Instance Count | |
---|---|---|---|
frontend-app-admin-portal | 21.13.1 | 9 | |
frontend-app-authn | 22.8.1 | 3 | |
frontend-app-communications | 22.7.0 | 2 | |
frontend-app-course-authoring | 22.8.1 | 13 | |
frontend-app-discussions | 22.7.0 | 2 | |
frontend-app-learner-record | 22.8.1 | 1 | |
frontend-app-learning | 22.8.1 | 1 | |
frontend-app-library-authoring | 21.11.3 | 1 | |
frontend-app-support-tools | 21.13.1 | 9 | |
frontend-lib-special-exams | 22.7.0 | 1 | |
prospectus | 20.46.2 | 17 |