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

up

Browse Source
This commit is contained in:
natxocc
2026-04-11 02:08:07 +02:00
parent 290c87cec3
commit c4ebf5847b
14 changed files with 802 additions and 361 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
docs/components/tabs.md
View File

@@ -372,6 +372,7 @@ const VariantsDemo = () => {
const active1 = $('tab1');
const active2 = $('tab1');
const active3 = $('tab1');
const active4 = $('tab4');
const createItems = (active) => [
{
@@ -391,6 +392,12 @@ const VariantsDemo = () => {
active: () => active() === 'tab3',
onclick: () => active('tab3'),
content: Div({ class: 'p-4' }, 'Content 3')
},
{
label: 'Tab 4',
active: () => active() === 'tab4',
onclick: () => active('tab4'),
content: Div({ class: 'p-4' }, 'Content 4')
}
];
@@ -402,7 +409,10 @@ const VariantsDemo = () => {
Tabs({ items: createItems(active2), class: 'tabs-box' }),
Div({ class: 'text-sm font-bold mt-4' }, 'Lifted Tabs'),
Tabs({ items: createItems(active3), class: 'tabs-lifted' })
Tabs({ items: createItems(active3), class: 'tabs-lift' }),
Div({ class: 'text-sm font-bold mt-4' }, 'Bordered Tabs'),
Tabs({ items: createItems(active4), class: 'tabs-border' })
]);
};
Mount(VariantsDemo, '#demo-variants');