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

Compare commits

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

2 Commits
1.1.0 ... main

Author SHA1 Message Date
pk
783795aa3e Add part 2025-02-11 23:41:05 +01:00
pk
99468efa3f Add css part 2024-08-04 22:55:14 +02:00
2 changed files with 5 additions and 3 deletions
Show Stats Expand all files Collapse all files

2
package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "@tp/tp-tabs", "name": "@tp/tp-tabs",
"version": "1.1.0", "version": "1.3.0",
"description": "", "description": "",
"main": "tp-tabs.js", "main": "tp-tabs.js",
"scripts": { "scripts": {

6
tp-tabs.js
View File

@ -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;
} }
@ -41,7 +43,7 @@ class TpTabs extends LitElement {
render() { render() {
return html` return html`
<div class="tabs" @click="${this.selectTab}"> <div class="tabs" part="wrap" @click="${this.selectTab}">
<slot></slot> <slot></slot>
</div> </div>
`; `;