tp-elements/tp-tabs
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixes.

Browse Source
This commit is contained in:
trading_peter 2023-09-02 00:18:57 +02:00
parent 8bbd792fdd
commit 1ce3fbc453
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
tp-tabs.js
View File

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