How to use the material-components-web.snackbar.MDCSnackbar function in material-components-web

$onInit() {
    this.invalidGeometrySnackbar = new snackbar.MDCSnackbar(this._$element.find('#invalid-geometry-snackbar')[0]);
    this.invalidGeometrySnackbar.timeoutMs = 4000;
  }

$postLink() {
    this.usernameField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.passwordField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[1]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }

$postLink() {
    this.deviceIdField = new textField.MDCTextField(this._$element.find('.mdc-text-field')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }

$postLink() {
    this.errorSnackbar = new snackbar.MDCSnackbar(document.querySelector('#error-snackbar'));

    const elements = this.$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      new textField.MDCTextField(elements[i]);
    }
  }

$postLink() {
    var elements = this._$element.find('.mdc-text-field');
    for (var i = 0; i < elements.length; i++) {
      if (i === elements.length - 1) {
        this.passwordconfirm = new textField.MDCTextField(elements[i])
      } else {
        new textField.MDCTextField(elements[i]);
      }
    }
    this.passwordStrengthProgress = new linearProgress.MDCLinearProgress(this._$element.find('.mdc-linear-progress')[0]);
    this.snackbar = new snackbar.MDCSnackbar(this._$element.find('.mdc-snackbar')[0]);
  }