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

Compare commits

base: tp-elements:c16d2020ca72fb5ec29d4a35b9a0d36bc3c0d59d
Branches Tags
tp-elements:main
tp-elements:1.1.0
tp-elements:1.0.0
...
compare: tp-elements:99468efa3f6047883452021cb963e04d0cc8d053
Branches Tags
tp-elements:main
tp-elements:1.1.0
tp-elements:1.0.0

2 Commits
c16d2020ca ... 99468efa3f

Author SHA1 Message Date
pk
99468efa3f Add css part 2024-08-04 22:55:14 +02:00
pk
65f1e6808e Update deps 2023-09-18 13:03:20 +02:00
2 changed files with 7 additions and 5 deletions
Show Stats Expand all files Collapse all files

6
package.json
View File

@ -1,6 +1,6 @@
{
"name": "@tp/tp-tabs",
"version": "1.0.1",
"version": "1.2.0",
"description": "",
"main": "tp-tabs.js",
"scripts": {
@ -13,7 +13,7 @@
"author": "trading_peter",
"license": "Apache-2.0",
"dependencies": {
"lit": "^2.2.0",
"@tp/helpers": "^1.0.0"
"lit": "^2.8.0",
"@tp/helpers": "^2.1.0"
}
}

6
tp-tabs.js
View File

@ -5,7 +5,7 @@ This program is available under Apache License Version 2.0
*/
import { closest } from '@tp/helpers';
import { LitElement, html, css } from 'lit-element';
import { LitElement, html, css } from 'lit';
class TpTabs extends LitElement {
static get styles() {
@ -17,11 +17,13 @@ class TpTabs extends LitElement {
:host([orientation="vertical"]) .tabs {
flex-direction: column;
}
.tabs {
display: flex;
flex-direction: row;
}
.tab {
slot::slotted(.tab) {
cursor: pointer;
padding: 8px;
}