natxocc/sigpro-ui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

events on Tabs

Browse Source
This commit is contained in:
natxocc
2026-04-13 22:23:10 +02:00
parent 3c3938b354
commit a29963563e
8 changed files with 804 additions and 885 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/components/tabs.md
View File

@@ -427,8 +427,8 @@ let nextTabId = 4;
const ClosableTabsDemo = () => {
const tabs = $([
{ label: 'Tab 1', content: Div('Content 1') }, // ❌ quita active: true
{ label: 'Tab 2', content: Div('Content 2'), closable: true },
{ label: 'Tab 1', tip:"Tab1" , content: Div('Content 1') }, // ❌ quita active: true
{ label: 'Tab 2', tip: "Tab 2 Default", content: Div('Content 2'), closable: true },
{ label: 'Tab 3', content: Div('Content 3'), closable: true }
]);
@@ -441,13 +441,14 @@ const ClosableTabsDemo = () => {
tabs([...tabs(), {
label: `Tab ${newId}`,
content: Div(`Content ${newId}`),
onClose: (item) => console.log('Closing Individual', item),
closable: true
}]);
};
return Div({ class: 'flex flex-col gap-4' }, [
Button({ class: 'btn btn-sm btn-outline mb-2', onclick: addTab }, 'Add Tab'),
Tabs({ items: tabs })
Tabs({ items: tabs, onTabClose: (item) => console.log('Closing', item) })
]);
};