@@ -0,0 +1,10 @@
+package components
+
+import (
+	g "github.com/maragudk/gomponents"
+	. "github.com/maragudk/gomponents/html"
+)
+
+func InputHidden(name, value string, children ...g.Node) g.NodeFunc {
+	return Input(Type("hidden"), Name(name), Value(value), g.Group(children))
+}

@@ -222,11 +222,11 @@ // Map something enumerable to a list of Nodes.
 // Example:
 // 	items := []string{"hat", "partyhat"}
 //
-// 	lis := g.Map(len(items), func(i int) g.Node {
-// 		return g.El("li", g.Text(items[i]))
+// 	lis := Map(len(items), func(i int) Node {
+// 		return El("li", Text(items[i]))
 // 	})
 //
-// 	list := g.El("ul", lis...)
+// 	list := El("ul", lis...)
 func Map(length int, cb func(i int) Node) []Node {
 	var nodes []Node
 	for i := 0; i < length; i++ {
@@ -234,3 +234,16 @@ nodes = append(nodes, cb(i))
 	}
 	return nodes
 }
+
+// If condition is true, return the given Node. Otherwise, return nil.
+// This helper function is good for inlining elements conditionally.
+// Example:
+// 	El("div",
+//		If(showMessage, El("span", "You lost your hat.")),
+//	)
+func If(condition bool, n Node) Node {
+	if condition {
+		return n
+	}
+	return nil
+}

@@ -207,3 +207,15 @@
 		assert.Equal(t, `<ul><li>hat</li><li>partyhat</li><li>turtlehat</li></ul>`, list)
 	})
 }
+
+func TestIf(t *testing.T) {
+	t.Run("returns node if condition is true", func(t *testing.T) {
+		n := g.El("div", g.If(true, g.El("span")))
+		assert.Equal(t, "<div><span></span></div>", n)
+	})
+
+	t.Run("returns nil if condition is false", func(t *testing.T) {
+		n := g.El("div", g.If(false, g.El("span")))
+		assert.Equal(t, "<div></div>", n)
+	})
+}