select

To help you get started, we’ve selected a few @material/select 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.

pgbross / vue-material-adapter / packages / mcwv-select / mdc-select.js View on Github

mounted() {
    this.foundation = new MDCSelectFoundation(
      Object.assign({
        // common methods
        addClass: className => this.$set(this.classes, className, true),
        removeClass: className => this.$delete(this.classes, className),
        hasClass: className => Boolean(this.classes[className]),
        setRippleCenter: normalizedX =>
          this.$refs.lineRippleEl &&
          this.$refs.lineRippleEl.setRippleCenter(normalizedX),
        activateBottomLine: () => {
          if (this.$refs.lineRippleEl) {
            this.$refs.lineRippleEl.foundation.activate();
          }
        },
        deactivateBottomLine: () => {
          if (this.$refs.lineRippleEl) {
            this.$refs.lineRippleEl.foundation.deactivate();

pgbross / vue-material-adapter / packages / mcwv-select / select.js View on Github

mounted() {
    const {
      SELECTED_ITEM_SELECTOR,
      SELECT_ANCHOR_SELECTOR,
      VALUE_ATTR,
    } = MDCSelectFoundation.strings;

    this.menuSetup_();

    this.foundation = new MDCSelectFoundation(
      Object.assign({
        // common methods
        addClass: className => this.$set(this.classes, className, true),
        removeClass: className => this.$delete(this.classes, className),
        hasClass: className => Boolean(this.classes[className]),

        setRippleCenter: normalizedX =>
          this.$refs.lineRippleEl &&
          this.$refs.lineRippleEl.setRippleCenter(normalizedX),
        activateBottomLine: () => {
          if (this.$refs.lineRippleEl) {
            this.$refs.lineRippleEl.foundation_.activate();
          }
        },
        deactivateBottomLine: () => {
          if (this.$refs.lineRippleEl) {

How to use the @material/select/foundation function in @material/select

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

@material/select

Package Health Score

Popular @material/select functions

Similar packages