From d7afbbfd6af7239898a5a90dc75a9943e8756911 Mon Sep 17 00:00:00 2001 From: Sky Morey Date: Wed, 4 Oct 2017 10:26:01 -0500 Subject: [PATCH 1/8] added labels to toggle control --- src/scripts/Toggle.js | 6 ++++-- stories/ToggleStories.js | 3 +++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/scripts/Toggle.js b/src/scripts/Toggle.js index efa5070cd..38efac47f 100644 --- a/src/scripts/Toggle.js +++ b/src/scripts/Toggle.js @@ -20,8 +20,8 @@ export default class Toggle extends Component { aria-live='assertive' > - Enabled - Disabled + { trueLabel || 'Enabled' } + { falseLabel ||'Disabled' } ); @@ -56,4 +56,6 @@ Toggle.propTypes = { ]), checked: PropTypes.bool, defaultChecked: PropTypes.bool, + trueLabel: PropTypes.string, + falseLabel: PropTypes.string, }; diff --git a/stories/ToggleStories.js b/stories/ToggleStories.js index b1d722499..bff852777 100644 --- a/stories/ToggleStories.js +++ b/stories/ToggleStories.js @@ -23,4 +23,7 @@ storiesOf('Toggle', module) .addWithInfo('Disabled', 'Toggle control with disabled status', () => ( )) + .addWithInfo('Labels', 'Toggle control with One/Two labels', () => ( + + )) ; From c3e210d5c75c6a0140cb0661efef9b882993529a Mon Sep 17 00:00:00 2001 From: Sky Morey Date: Wed, 4 Oct 2017 10:36:11 -0500 Subject: [PATCH 2/8] updated story for toggle control labels --- src/scripts/Toggle.js | 2 +- stories/ToggleStories.js | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/scripts/Toggle.js b/src/scripts/Toggle.js index 38efac47f..7653b5318 100644 --- a/src/scripts/Toggle.js +++ b/src/scripts/Toggle.js @@ -4,7 +4,7 @@ import classnames from 'classnames'; import FormElement from './FormElement'; export default class Toggle extends Component { - renderToggle({ className, label, ...props }) { + renderToggle({ className, label, trueLabel, falseLabel, ...props }) { const toggleClassNames = classnames(className, 'slds-checkbox--toggle slds-grid'); return (