Docs

dist/sigpro-ui.cjs

@@ -996,11 +996,14 @@ var IndicatorModule = /*#__PURE__*/Object.freeze({
 
 /** LIST */
 const List = (props) => {
-  const { items, header, render, keyFn, class: className, ...rest } = props;
-
-  const headerItem = header 
-    ? sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60 tracking-wide" }, [val(header)]) 
-    : null;
+  const { 
+    items, 
+    header, 
+    render, 
+    keyFn = (item, index) => index,
+    class: className, 
+    ...rest 
+  } = props;
 
   const listItems = sigpro.$for(
     items, 
@@ -1014,7 +1017,7 @@ const List = (props) => {
       ...rest,
       class: joinClass("list bg-base-100 rounded-box shadow-md", className),
     },
-    header ? [headerItem, listItems] : listItems
+    header ? [sigpro.$if(header, () => sigpro.$html("li", { class: "p-4 pb-2 text-xs opacity-60" }, [val(header)])), listItems] : listItems
   );
 };