View all @material/notched-outline analysis

notched-outline

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

jamesmfriedman / rmwc / src / notched-outline / index.tsx View on Github

componentDidMount() {
    super.componentDidMount();
    this.label = this.root.ref && this.root.ref.querySelector('label');

    if (this.label) {
      this.label.style.transitionDuration = '0s';
      this.root.addClass(
        MDCNotchedOutlineFoundation.cssClasses.OUTLINE_UPGRADED
      );
      requestAnimationFrame(() => {
        this.label && (this.label.style.transitionDuration = '');
      });
    } else {
      this.root.addClass(MDCNotchedOutlineFoundation.cssClasses.NO_LABEL);
    }
  }

jamesmfriedman / rmwc / src / notched-outline / index.tsx View on Github

componentDidMount() {
    super.componentDidMount();
    this.label = this.root.ref && this.root.ref.querySelector('label');

    if (this.label) {
      this.label.style.transitionDuration = '0s';
      this.root.addClass(
        MDCNotchedOutlineFoundation.cssClasses.OUTLINE_UPGRADED
      );
      requestAnimationFrame(() => {
        this.label && (this.label.style.transitionDuration = '');
      });
    } else {
      this.root.addClass(MDCNotchedOutlineFoundation.cssClasses.NO_LABEL);
    }
  }

How to use the @material/notched-outline.MDCNotchedOutlineFoundation.cssClasses function in @material/notched-outline

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

@material/notched-outline

Package Health Score

Popular @material/notched-outline functions

Similar packages