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", "name": "@tp/tp-tabs",
"version": "1.0.1", "version": "1.2.0",
"description": "", "description": "",
"main": "tp-tabs.js", "main": "tp-tabs.js",
"scripts": { "scripts": {
@ -13,7 +13,7 @@
"author": "trading_peter", "author": "trading_peter",
"license": "Apache-2.0", "license": "Apache-2.0",
"dependencies": { "dependencies": {
"lit": "^2.2.0", "lit": "^2.8.0",
"@tp/helpers": "^1.0.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 { closest } from '@tp/helpers';
import { LitElement, html, css } from 'lit-element'; import { LitElement, html, css } from 'lit';
class TpTabs extends LitElement { class TpTabs extends LitElement {
static get styles() { static get styles() {
@ -17,11 +17,13 @@ class TpTabs extends LitElement {
:host([orientation="vertical"]) .tabs { :host([orientation="vertical"]) .tabs {
flex-direction: column; flex-direction: column;
} }
.tabs { .tabs {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
} }
.tab {
slot::slotted(.tab) {
cursor: pointer; cursor: pointer;
padding: 8px; padding: 8px;
} }