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