Add more list elems

README.md

@@ -97,6 +97,9 @@ In this example, if `isAdmin` is `true`, the `Admin Panel` link is rendered. Oth
 - `Button`: Button `<button>`
 - `Code`: Code `<code>`
 - `Div`: Division `<div>`
+- `Dl`: Description List `<dl>`
+- `Dt`: Description Term `<dt>`
+- `Dd`: Description Description `<dd>`
 - `Em`: Emphasis `<em>`
 - `Form`: Form `<form>`
 - `H1`: Heading 1 `<h1>`
@@ -110,6 +113,7 @@ In this example, if `isAdmin` is `true`, the `Admin Panel` link is rendered. Oth
 - `Label`: Label `<label>`
 - `Li`: List Item `<li>`
 - `Meta`: Meta `<meta>`
+- `Ol`: Ordered List `<ol>`
 - `Option`: Dropdown option `<option>`
 - `P`: Paragraph `<p>`
 - `Pre`: Preformatted Text `<pre>`

elements.go

@@ -90,6 +90,22 @@ func Ul(props Attrs, children ...Node) *Element {
 	return NewElement("ul", props, children...)
 }
 
+func Ol(props Attrs, children ...Node) *Element {
+	return NewElement("ol", props, children...)
+}
+
+func Dl(props Attrs, children ...Node) *Element {
+	return NewElement("dl", props, children...)
+}
+
+func Dt(props Attrs, children ...Node) *Element {
+	return NewElement("dt", props, children...)
+}
+
+func Dd(props Attrs, children ...Node) *Element {
+	return NewElement("dd", props, children...)
+}
+
 // ========== Forms ==========
 
 func Button(props Attrs, children ...Node) *Element {

elements_test.go

@@ -130,6 +130,30 @@ func TestUl(t *testing.T) {
 	assert.Equal(t, expected, el.Render())
 }
 
+func TestOl(t *testing.T) {
+	expected := `<ol><li>Item 1</li><li>Item 2</li></ol>`
+	el := Ol(nil, Li(nil, Text("Item 1")), Li(nil, Text("Item 2")))
+	assert.Equal(t, expected, el.Render())
+}
+
+func TestDl(t *testing.T) {
+	expected := `<dl><dt>Term 1</dt><dd>Description 1</dd><dt>Term 2</dt><dd>Description 2</dd></dl>`
+	el := Dl(nil, Dt(nil, Text("Term 1")), Dd(nil, Text("Description 1")), Dt(nil, Text("Term 2")), Dd(nil, Text("Description 2")))
+	assert.Equal(t, expected, el.Render())
+}
+
+func TestDt(t *testing.T) {
+	expected := `<dt>Term 1</dt>`
+	el := Dt(nil, Text("Term 1"))
+	assert.Equal(t, expected, el.Render())
+}
+
+func TestDd(t *testing.T) {
+	expected := `<dd>Description 1</dd>`
+	el := Dd(nil, Text("Description 1"))
+	assert.Equal(t, expected, el.Render())
+}
+
 // ========== Forms ==========
 
 func TestButton(t *testing.T) {