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

adapt new Input
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 3s
Details

Browse Source
This commit is contained in:
Natxo
2026-04-23 13:22:49 +02:00
parent 59e6d972a8
commit e842ed8041
61 changed files with 2553 additions and 2758 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/components/menu.md
View File

@@ -248,8 +248,8 @@ mount(HorizontalDemo, '#demo-horizontal');
const SidebarDemo = () => {
const activeItem = $('dashboard');
return Div({ class: 'flex' }, [
Div({ class: 'w-64' }, [
return div({ class: 'flex' }, [
div({ class: 'w-64' }, [
Menu({
class: 'rounded-box w-full',
items: [
@@ -290,8 +290,8 @@ const SidebarDemo = () => {
]
})
]),
Div({ class: 'flex-1 p-4' }, [
Div({ class: 'alert alert-info' }, () => `Current page: ${activeItem()}`)
div({ class: 'flex-1 p-4' }, [
div({ class: 'alert alert-info' }, () => `Current page: ${activeItem()}`)
])
]);
};
@@ -363,9 +363,9 @@ const CollapsibleDemo = () => {
const collapsed = $(false);
const activeItem = $('dashboard');
return Div({ class: 'flex gap-4' }, [
Div({ class: `transition-all duration-300 ${collapsed() ? 'w-16' : 'w-64'}` }, [
Button({
return div({ class: 'flex gap-4' }, [
div({ class: `transition-all duration-300 ${collapsed() ? 'w-16' : 'w-64'}` }, [
button({
class: 'btn btn-ghost btn-sm mb-2 w-full',
onclick: () => collapsed(!collapsed())
}, collapsed() ? '→' : '←'),
@@ -379,8 +379,8 @@ const CollapsibleDemo = () => {
]
})
]),
Div({ class: 'flex-1' }, [
Div({ class: 'alert alert-info' }, () => `Selected: ${activeItem()}`)
div({ class: 'flex-1' }, [
div({ class: 'alert alert-info' }, () => `Selected: ${activeItem()}`)
])
]);
};
@@ -407,17 +407,17 @@ const VariantsDemo = () => {
]}
];
return Div({ class: 'flex flex-wrap gap-8' }, [
Div({ class: 'w-48' }, [
Div({ class: 'text-sm font-bold mb-2' }, 'Default'),
return div({ class: 'flex flex-wrap gap-8' }, [
div({ class: 'w-48' }, [
div({ class: 'text-sm font-bold mb-2' }, 'Default'),
Menu({ items })
]),
Div({ class: 'w-48' }, [
Div({ class: 'text-sm font-bold mb-2' }, 'Compact'),
div({ class: 'w-48' }, [
div({ class: 'text-sm font-bold mb-2' }, 'Compact'),
Menu({ items, class: 'menu-compact' })
]),
Div({ class: 'w-48' }, [
Div({ class: 'text-sm font-bold mb-2' }, 'With Shadow'),
div({ class: 'w-48' }, [
div({ class: 'text-sm font-bold mb-2' }, 'With Shadow'),
Menu({ items, class: 'shadow-lg' })
])
]);