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

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

Browse Source
This commit is contained in:
Natxo
2026-04-22 12:06:34 +02:00
parent 5a5f593025
commit 59e6d972a8
125 changed files with 1934 additions and 2015 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
docs/components/accordion.md
View File

@@ -29,7 +29,7 @@ Collapsible accordion component for organizing content into expandable sections.
</div>
```js
const { Accordion, Div, Mount } = window;
const { Accordion, Div, mount } = window;
const BasicDemo = () => {
const open1 = $(false);
@@ -54,7 +54,7 @@ const BasicDemo = () => {
})
]);
};
Mount(BasicDemo, '#demo-basic');
mount(BasicDemo, '#demo-basic');
```
### Group Accordion (Radio Style)
@@ -67,7 +67,7 @@ Mount(BasicDemo, '#demo-basic');
</div>
```js
const { Accordion, Div, Mount } = window;
const { Accordion, Div, mount } = window;
const GroupDemo = () => {
const openSection = $('section1');
@@ -93,7 +93,7 @@ const GroupDemo = () => {
})
]);
};
Mount(GroupDemo, '#demo-group');
mount(GroupDemo, '#demo-group');
```
### Using Items Array
@@ -106,7 +106,7 @@ Mount(GroupDemo, '#demo-group');
</div>
```js
const { Accordion, Div, Mount } = window;
const { Accordion, Div, mount } = window;
const ItemsDemo = () => {
const openItems = $({
@@ -135,7 +135,7 @@ const ItemsDemo = () => {
]
});
};
Mount(ItemsDemo, '#demo-items');
mount(ItemsDemo, '#demo-items');
```
### FAQ Accordion
@@ -148,7 +148,7 @@ Mount(ItemsDemo, '#demo-items');
</div>
```js
const { Accordion, Div, Mount } = window;
const { Accordion, Div, mount } = window;
const FaqDemo = () => {
const openFaq = $('faq1');
@@ -168,7 +168,7 @@ const FaqDemo = () => {
})
));
};
Mount(FaqDemo, '#demo-faq');
mount(FaqDemo, '#demo-faq');
```
### With Rich Content
@@ -181,7 +181,7 @@ Mount(FaqDemo, '#demo-faq');
</div>
```js
const { Accordion, Div, Span, Mount } = window;
const { Accordion, Div, Span, mount } = window;
const RichDemo = () => {
const open1 = $(true);
@@ -221,7 +221,7 @@ const RichDemo = () => {
})
]);
};
Mount(RichDemo, '#demo-rich');
mount(RichDemo, '#demo-rich');
```
### Form Accordion
@@ -234,7 +234,7 @@ Mount(RichDemo, '#demo-rich');
</div>
```js
const { Accordion, Div, Span, Button, Input, Radio, Mount } = window;
const { Accordion, Div, Span, Button, Input, Radio, mount } = window;
const FormAccordion = () => {
const openStep = $('step1');
@@ -341,7 +341,7 @@ const FormAccordion = () => {
})
]);
};
Mount(FormAccordion, '#demo-form');
mount(FormAccordion, '#demo-form');
```
### All Variants
@@ -354,7 +354,7 @@ Mount(FormAccordion, '#demo-form');
</div>
```js
const { Accordion, Div, Span, Mount } = window;
const { Accordion, Div, Span, mount } = window;
const VariantsDemo = () => {
const open1 = $(true);
@@ -385,5 +385,5 @@ const VariantsDemo = () => {
})
]);
};
Mount(VariantsDemo, '#demo-variants');
mount(VariantsDemo, '#demo-variants');
```