Allow toggle-like switches in RadioItems component

facultyai · Jul 25, 2019 · 662aa6f · 662aa6f
1 parent bd669bd
commit 662aa6f
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/src/components/input/Checklist.js b/src/components/input/Checklist.js
@@ -240,7 +240,8 @@ Checklist.propTypes = {
   inline: PropTypes.bool,
 
   /**
-   * Set to True to render toggle-like switches instead of checkboxes.
+   * Set to True to render toggle-like switches instead of checkboxes. Ignored
+   * if custom=False
    */
   switch: PropTypes.bool,
 

diff --git a/src/components/input/RadioItems.js b/src/components/input/RadioItems.js
@@ -35,6 +35,7 @@ class RadioItems extends React.Component {
       key,
       value,
       custom,
+      switch: switches,
       loading_state
     } = this.props;
 
@@ -51,7 +52,7 @@ class RadioItems extends React.Component {
           checked={checked}
           className={inputClassName}
           disabled={Boolean(option.disabled)}
-          type="radio"
+          type={switches ? 'switch' : 'radio'}
           label={option.label}
           labelStyle={mergedLabelStyle}
           labelClassName={classNames(
@@ -224,6 +225,12 @@ RadioItems.propTypes = {
    */
   inline: PropTypes.bool,
 
+  /**
+   * Set to True to render toggle-like switches instead of radios. Ignored if
+   * custom=False
+   */
+  switch: PropTypes.bool,
+
   /**
    * RadioItems uses custom radio buttons by default. To use native radios set
    * custom to False.