How to use @material/switch - 10 common examples

To help you get started, we’ve selected a few @material/switch examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github angular / components / src / material-experimental / mdc-slide-toggle / slide-toggle.ts View on Github external
ngAfterViewInit() {
    const foundation = this._foundation = new MDCSwitchFoundation(this._adapter);
    foundation.setDisabled(this.disabled);
    foundation.setChecked(this.checked);
  }
github pgbross / vue-material-adapter / packages / mcwv-switch / switch.js View on Github external
mounted() {
    this.foundation = new MDCSwitchFoundation({
      addClass: className => this.$set(this.classes, className, true),
      removeClass: className => this.$delete(this.classes, className),
      setNativeControlChecked: checked => (this.nativeControlChecked = checked),
      setNativeControlDisabled: disabled =>
        (this.nativeControlDisabled = disabled),
    });
    this.foundation.init();
    this.foundation.setChecked(this.checked);
    this.foundation.setDisabled(this.disabled);

    this.ripple = new RippleBase(this);
    this.ripple.init();
  },
  beforeDestroy() {
github pgbross / vue-material-adapter / packages / mcwv-switch / mdc-switch.js View on Github external
mounted() {
    this.foundation = new MDCSwitchFoundation({
      addClass: className => this.$set(this.classes, className, true),
      removeClass: className => this.$delete(this.classes, className),
      setNativeControlChecked: checked => (this.nativeControlChecked = checked),
      setNativeControlDisabled: disabled =>
        (this.nativeControlDisabled = disabled),
    });
    this.foundation.init();
    this.foundation.setChecked(this.checked);
    this.foundation.setDisabled(this.disabled);

    this.ripple = new RippleBase(this);
    this.ripple.init();
  },
  beforeDestroy() {
github material-components / material-components-web-react / packages / switch / index.tsx View on Github external
componentDidMount() {
    this.foundation = new MDCSwitchFoundation(this.adapter);
    this.foundation.init();
    this.foundation.setChecked(this.props.checked!);
    this.foundation.setDisabled(this.props.disabled!);
  }
github SpringflowNL / aurelia-mdc-elements / src / resources / components / switch / mdc-switch.js View on Github external
attached() {
        this.myMDCSwitch = new MDCSwitch(this.element.firstElementChild);
    }
github SpringflowNL / aurelia-mdc-elements / dist / es2015 / components / switch / mdc-switch.js View on Github external
bind() {
		this.myMDCSwitch = new MDCSwitch(this.element.firstElementChild);
	}
github SpringflowNL / aurelia-mdc-elements / dist / commonjs / components / switch / mdc-switch.js View on Github external
MdcSwitch.prototype.bind = function bind() {
		this.myMDCSwitch = new _mdcSwitch.MDCSwitch(this.element.firstElementChild);
	};
github SpringflowNL / aurelia-mdc-elements / dist / components / switch / mdc-switch.js View on Github external
_proto.attached = function attached() {
    this.myMDCSwitch = new _mdcSwitch.MDCSwitch(this.element.firstElementChild);
  };
github prateekbh / preact-material-components / ts / Switch / index.tsx View on Github external
public componentDidMount() {
    super.componentDidMount();
    if (this.control) {
      this.MDComponent = new MDCSwitch(this.control);
    }
  }
github Tencent / omi / packages / omim / src / switch / index.tsx View on Github external
installed() {
    this.switchControl = new MDCSwitch(this.shadowRoot.querySelector('.mdc-switch'))
    this.switchFoundation = this.switchControl.getDefaultFoundation()

    this.initSwitch()
  }