fix(tabs): fix the tabs so the color property works on tab button

fixes #14758
This commit is contained in:
Brandy Carney
2018-07-13 18:09:50 -04:00
parent ad63e484c0
commit 8aed3bfcf9
7 changed files with 35 additions and 27 deletions

View File

@ -1,5 +1,6 @@
import { Build, Component, Element, Event, EventEmitter, Listen, Method, Prop, State } from '@stencil/core';
import { Color, Config, NavOutlet, RouteID, RouteWrite, TabbarLayout, TabbarPlacement } from '../../interface';
import { createColorClasses } from '../../utils/theme';
@Component({
@ -298,6 +299,12 @@ export class Tabs implements NavOutlet {
return !!(selectedTab && selectedTab !== leavingTab && !this.transitioning);
}
hostData() {
return {
class: createColorClasses(this.color)
};
}
render() {
const dom = [
<div class="tabs-inner">