Docs

dist/sigpro-ui.umd.js

@@ -993,11 +993,14 @@ var SigProUI = (function (exports, sigpro) {
 
   /** 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, 
@@ -1011,7 +1014,7 @@ var SigProUI = (function (exports, sigpro) {
         ...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
     );
   };