diff --git a/packages/material-ui/src/FormControlLabel/FormControlLabel.js b/packages/material-ui/src/FormControlLabel/FormControlLabel.js index bc8fc9e4a43904..c7e4abcd499e94 100644 --- a/packages/material-ui/src/FormControlLabel/FormControlLabel.js +++ b/packages/material-ui/src/FormControlLabel/FormControlLabel.js @@ -22,8 +22,8 @@ export const styles = theme => ({ cursor: 'default', }, }, - /* Styles applied to the root element if `position="start"`. */ - start: { + /* Styles applied to the root element if `labelPlacement="start"`. */ + labelPlacementStart: { flexDirection: 'row-reverse', }, /* Styles applied to the root element if `disabled={true}`. */ @@ -79,7 +79,7 @@ function FormControlLabel(props, context) { className={classNames( classes.root, { - [classes.start]: labelPlacement === 'start', + [classes.labelPlacementStart]: labelPlacement === 'start', [classes.disabled]: disabled, }, classNameProp, diff --git a/packages/material-ui/src/FormControlLabel/FormControlLabel.test.js b/packages/material-ui/src/FormControlLabel/FormControlLabel.test.js index d60826e79d8efc..0b68f544ac46b3 100644 --- a/packages/material-ui/src/FormControlLabel/FormControlLabel.test.js +++ b/packages/material-ui/src/FormControlLabel/FormControlLabel.test.js @@ -60,7 +60,7 @@ describe('', () => { const wrapper = shallow( } />, ); - assert.strictEqual(wrapper.hasClass(classes.start), true); + assert.strictEqual(wrapper.hasClass(classes.labelPlacementStart), true); }); }); diff --git a/pages/api/form-control-label.md b/pages/api/form-control-label.md index f78f891c64773c..908018a2de76ee 100644 --- a/pages/api/form-control-label.md +++ b/pages/api/form-control-label.md @@ -38,7 +38,7 @@ This property accepts the following keys: | Name | Description | |:-----|:------------| | root | Styles applied to the root element. -| start | Styles applied to the root element if `position="start"`. +| labelPlacementStart | Styles applied to the root element if `labelPlacement="start"`. | disabled | Styles applied to the root element if `disabled={true}`. | label | Styles applied to the label's Typography component.