Nuclear Powered Mushroom

    @cloudflare/component-toggle
    TypeScript icon, indicating that this package has built-in type declarations

    6.0.0 • Public • Published

    @cloudflare/component-toggle

    Cloudflare Toggle Component

    Installation

    Installation with yarn is recommended

    $ yarn add @cloudflare/component-toggle
    

    Usage

    import React from 'react';
    import { Toggle } from '../../src/index';
    
    class ToggleComponent extends React.Component {
      constructor(props) {
        super(props);
        this.state = {
          toggleValue: false
        };
      }
    
      handleToggle(value) {
        this.setState({
          toggleValue: value
        });
      }
    
      render() {
        return (
          <div>
            <p>Example Toggle</p>
            <Toggle
              label="Example Toggle"
              name="example"
              value={this.state.toggleValue}
              onChange={this.handleToggle.bind(this)}
            />
            <p>Disabled</p>
            <Toggle
              disabled
              label="Disabled Toggle"
              name="example-disabled"
              value={this.state.toggleValue}
              onChange={this.handleToggle.bind(this)}
            />
            <p>
              {`If you specifically don't want to use a label then you must pass false`}
            </p>
    
            <p>Note: Designed to work with redux-form.</p>
          </div>
        );
      }
    }
    
    export default ToggleComponent;

    Keywords

    none

    Install

    npm i @cloudflare/component-toggle

    DownloadsWeekly Downloads

    1,446

    Version

    6.0.0

    License

    BSD-3-Clause

    Unpacked Size

    199 kB

    Total Files

    9

    Last publish

    Collaborators

    • marksteyn
    • chiminator
    • sgoodhew_cf
    • janik-cloudflare
    • terinjokes
    • third774
    • evanderkoogh
    • jsteinberger
    • jasnell
    • kkoenig
    • asapzacy
    • pcostanzo
    • gregbrimble
    • geelen
    • jgentes
    • threepointone
    • rexscaria
    • dcruz_cf
    • xuranwang
    • jculvey
    • sejoker
    • caass
    • vasturiano
    • cf-ci-write
    • segments-write
    • thibmeu
    • xortive
    • gurjinder
    • cf-ci2
    • lvalenta
    • worenga