app.js

import {MDCCheckbox} from '@material/checkbox';
import {MDCChip, MDCChipSet} from '@material/chips';
import {MDCDialog} from '@material/dialog';
import {MDCPersistentDrawer, MDCTemporaryDrawer} from '@material/drawer';
import {MDCFloatingLabel} from '@material/floating-label';
import {MDCFormField} from '@material/form-field';
import {MDCRipple} from '@material/ripple';
import {MDCGridList} from '@material/grid-list';
import {MDCIconToggle} from '@material/icon-toggle';
import {MDCLineRipple} from '@material/line-ripple';
import {MDCLinearProgress} from '@material/linear-progress';
import {MDCNotchedOutline} from '@material/notched-outline';
import {MDCRadio} from '@material/radio';
import {MDCSnackbar} from '@material/snackbar';
import {MDCTab, MDCTabBar} from '@material/tabs';
import {MDCTextField} from '@material/textfield';
import {MDCMenu} from '@material/menu';
import {MDCSelect} from '@material/select';
import {MDCSlider} from '@material/slider';
import {MDCToolbar, MDCToolbarFoundation} from '@material/toolbar';
import {MDCTopAppBar} from '@material/top-app-bar';


const ripple = new MDCRipple(document.querySelector('.mdc-button'));
const topAppBar = new MDCTopAppBar(document.querySelector('.mdc-top-app-bar'));