Method onRenderHTML

modules/widgets/src/toggle-widget.tsx:68–94

(rootElement: HTMLElement)

  }

  onRenderHTML(rootElement: HTMLElement): void {
    const {
      className,
      style,
      icon,
      label,
      color,
      onIcon = icon,
      onLabel = label,
      onColor = color
    } = this.props;
    const on = this.checked;

    rootElement.dataset.checked = String(on);

    render(
      <IconButton
        className={className}
        style={style as JSX.CSSProperties}
        icon={on ? onIcon : icon}
        label={on ? onLabel : label}
        color={on ? onColor : color}
        onClick={this._toggle}
      />,
      rootElement
    );
  }

  private _toggle = () => {
    this.checked = !this.checked;