How to use the @material/top-app-bar/dist/mdc.topAppBar.MDCTopAppBar function in @material/top-app-bar

To help you get started, we’ve selected a few @material/top-app-bar 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 SpringflowNL / aurelia-mdc-elements / src / app.js View on Github external
attached() {
    this.topAppBar = new MDCTopAppBar(
      document.querySelector('.mdc-top-app-bar')
    );
    this.drawer = new MDCDrawer(document.querySelector('.mdc-drawer'));

    this.slider = new MDCSlider(this.slider);
    this.sliderDisabled = new MDCSlider(this.sliderDisabled);
    this.sliderDiscrete = new MDCSlider(this.sliderDiscrete);
    this.sliderDiscreteDisabled = new MDCSlider(this.sliderDiscreteDisabled);
    this.slidertick = new MDCSlider(this.sliderTick);
    this.slidertickDisabled = new MDCSlider(this.sliderTickDisabled);

    this.tabBar = new MDCTabBar(document.querySelector('.mdc-tab-bar'));

    this.handleTopAppBarWithDrawer();
    this.handleSliders();
  }