How to use the @material/tab/foundation function in @material/tab
To help you get started, we’ve selected a few @material/tab 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-tabs / tab.js View on Github 
mounted() {
this.id = this.vma_uid_;
this.foundation = new MDCTabFoundation({
setAttr: (attr, value) => this.$el.setAttribute(attr, value),
addClass: className => this.$set(this.classes, className, true),
removeClass: className => this.$delete(this.classes, className),
hasClass: className => this.$el.classList.contains(className),
activateIndicator: previousIndicatorClientRect => {
this.$refs.tabIndicator.activate(previousIndicatorClientRect);
},
deactivateIndicator: () => {
this.$refs.tabIndicator.deactivate();
},
notifyInteracted: () =>
emitCustomEvent(
this.$el,
MDCTabFoundation.strings.INTERACTED_EVENT,
{ tabId: this.id },
true /* bubble */,@material/tab
The Material Components for the web tab component
