Sha256: f4ec409d846a6c7e89ea355f4589d45718e30f8d6644f6b80cad646ba9e95f7c

Contents?: true

Size: 1.03 KB

Versions: 6

Compression:

Stored size: 1.03 KB

Contents

/* @flow */

import React from 'react'
import Icon from '../Icon/Icon'


type Props = {
    children?: Array<React.Node>,
    className?: string,
    iconOption1?:string,
    iconOption2?:string,
    size:string,
    color:string,
}

export default class IconToggle extends React.Component<Props> {

  static defaultProps = {
    color: "text-sky",
    className: "icon-toggle",
    iconOption1:"minus-circle",
    iconOption2:"plus-circle",
    size:"text-larger",
  }

  props: Props

  render() {
    const{
      className,
      iconOption1,
      iconOption2,
      color,
      size,
    } = this.props


    return (
      <div>
          <label className={`icon-toggle ${size} m-0`}>
          <input className=""
              type="checkbox"
          />
         <Icon className={`${className,color}`}
             name={iconOption1}
             title={`icon-1`}
         />
          <Icon className={`ml-4 ${className,color}`}
              name={iconOption2}
              title={`icon-2`}
          />
        </label>
    </div>
   )
  }
}

Version data entries

6 entries across 6 versions & 2 rubygems

Version Path
playbook_ui-2.7.2 components/IconToggle/IconToggle.jsx
playbook_ui-2.7.1 components/IconToggle/IconToggle.jsx
playbook_ui-2.7.0 components/IconToggle/IconToggle.jsx
playbook_ui-2.6.0 components/IconToggle/IconToggle.jsx
playbook_ui-2.5.0 components/IconToggle/IconToggle.jsx
nitro_sg-3.0.2 components/IconToggle/IconToggle.jsx