Back to Fluentui

Checkbox Migration

packages/react-components/react-checkbox/library/docs/MIGRATION.md

4.40.2-hotfix22.0 KB
Original Source

Checkbox Migration

Migration from v0

  • Checkbox
    • checked => checked.
    • defaultChecked => defaultChecked.
    • disabled => Use native disabled.
    • indicator => indicator.
    • label => label.
    • labelPosition => labelPosition.
    • onChange => onChange.
    • onClick => Consider using onChange.
    • toggle => Toggle checkbox is not supported in vNext.

Migration from v8

  • Checkbox
    • boxSide => labelPosition.
    • checked, indeterminate => checked.
    • checkmarkIconProps => indicator.
    • componentRef => Not supported.
    • defaultChecked, defaultIndeterminate => defaultChecked.
    • disabled => Use native disabled.
    • id => Use native id.
    • label => label.
    • name => Not supported.
    • onChange => onChange.
    • onRenderLabel => Use label slot.
    • required => Use native required.
    • title => Use native title.

Property Mapping

v8 Checkboxv0 Checkboxv9 Checkbox
boxSidelabelPositionlabelPosition
checkedcheckedchecked
checkmarkIconPropsindicatorindicator
componentRef
defaultCheckeddefaultCheckeddefaultChecked
disableddisableddisabled
idid
labellabellabel
name
onChangeonChangeonChange
onClickonChange
onRenderLabellabel
requiredrequired
titletitle
toggle