diff --git a/tp-tabs.js b/tp-tabs.js index 15ac1a7..d0570f4 100644 --- a/tp-tabs.js +++ b/tp-tabs.js @@ -8,14 +8,12 @@ import { closest } from '@tp/helpers'; import { LitElement, html, css } from 'lit-element'; class TpTabs extends LitElement { - static get properties() { - return { - orientation: { type: String, reflect: true } - }; - } - static get styles() { return css` + :host { + display: block; + } + :host([orientation="vertical"]) .tabs { flex-direction: column; } @@ -30,6 +28,12 @@ class TpTabs extends LitElement { `; } + static get properties() { + return { + orientation: { type: String, reflect: true } + }; + } + constructor() { super(); this.orientation = 'horizontal';