Sha256: 56cdb47a0b6b517a37be37a168cd3c8ddf4c111fd9ec352b447cec323e81af6c

Contents?: true

Size: 584 Bytes

Versions: 1169

Compression:

Stored size: 584 Bytes

Contents

// @flow

import React, { useState } from 'react'
import { Toggle } from '../..'

const ToggleCustom = () => {
  const [choice, setChoice] = useState(false)

  const handleOnChange = ({ target }) => {
    setChoice(target.value = !choice)
  }

  return (
    <>
      <Toggle
          checked={choice}
          size="sm"
      >
        <input
            className="my custom checkbox"
            name="custom checkbox"
            onChange={handleOnChange}
            type="checkbox"
            value="ABC"
        />
      </Toggle>
    </>
  )
}

export default ToggleCustom

Version data entries

1,169 entries across 1,169 versions & 2 rubygems

Version Path
playbook_ui_docs-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.1.pre.alpha.play1407statvaluekitinconsistencies3388 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.1.pre.alpha.PLAY14703378 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.34.1 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.1 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3370 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3369 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3368 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.0.pre.alpha.PBNTR358responsiveadvancedtablereact3366 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.34.0 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.33.1.pre.alpha.play1407statvaluekitinconsistencies3352 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.33.1.pre.alpha.PLAY14063320 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui-13.33.1 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx
playbook_ui_docs-13.33.0.pre.alpha.PBNTR405dropdownformfixesrails3311 app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx