Compare commits
2 Commits
1.0.0
...
c16d2020ca
Author | SHA1 | Date | |
---|---|---|---|
c16d2020ca | |||
1ce3fbc453 |
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "@tp/tp-tabs",
|
"name": "@tp/tp-tabs",
|
||||||
"version": "1.0.0",
|
"version": "1.0.1",
|
||||||
"description": "",
|
"description": "",
|
||||||
"main": "tp-tabs.js",
|
"main": "tp-tabs.js",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
|
16
tp-tabs.js
16
tp-tabs.js
@ -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';
|
||||||
|
Reference in New Issue
Block a user