changed to new functions
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 3s
All checks were successful
Deploy Docs to Synology / deploy (push) Successful in 3s
This commit is contained in:
@@ -1,22 +1,22 @@
|
||||
// components/Accordion.js
|
||||
import { Tag } from "sigpro";
|
||||
import { h } from "sigpro";
|
||||
|
||||
export const Accordion = (props) => {
|
||||
const name = props.name || `accordion-${Math.random().toString(36).slice(2, 9)}`;
|
||||
|
||||
if (props.items && Array.isArray(props.items)) {
|
||||
return Tag("div", { class: `space-y-2 ${props.class ?? ''}` },
|
||||
props.items.map(item => Tag("div", { class: `collapse ${item.class ?? ''}` }, [
|
||||
Tag("input", { type: "radio", name, checked: item.open }),
|
||||
Tag("div", { class: "collapse-title text-xl font-medium" }, item.title),
|
||||
Tag("div", { class: "collapse-content" }, item.children)
|
||||
return h("div", { class: `space-y-2 ${props.class ?? ''}` },
|
||||
props.items.map(item => h("div", { class: `collapse ${item.class ?? ''}` }, [
|
||||
h("input", { type: "radio", name, checked: item.open }),
|
||||
h("div", { class: "collapse-title text-xl font-medium" }, item.title),
|
||||
h("div", { class: "collapse-content" }, item.children)
|
||||
]))
|
||||
);
|
||||
}
|
||||
|
||||
return Tag("div", { class: `collapse ${props.class ?? ''}` }, [
|
||||
Tag("input", { type: "radio", name, checked: props.open }),
|
||||
Tag("div", { class: "collapse-title text-xl font-medium" }, props.title),
|
||||
Tag("div", { class: "collapse-content" }, props.children)
|
||||
return h("div", { class: `collapse ${props.class ?? ''}` }, [
|
||||
h("input", { type: "radio", name, checked: props.open }),
|
||||
h("div", { class: "collapse-title text-xl font-medium" }, props.title),
|
||||
h("div", { class: "collapse-content" }, props.children)
|
||||
]);
|
||||
};
|
||||
Reference in New Issue
Block a user