From 63a15c888dcaa061d6ae7a0a35369b3cc1183363 Mon Sep 17 00:00:00 2001
From: Mathias Polligkeit <git@woylie.de>
Date: Mon, 1 Jan 2024 16:24:34 +0900
Subject: [PATCH] allow setting tabs heading level

---
 lib/doggo.ex        |  7 ++++++-
 test/doggo_test.exs | 14 ++++++++++++++
 2 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/lib/doggo.ex b/lib/doggo.ex
index 380eec1b..abe5322d 100644
--- a/lib/doggo.ex
+++ b/lib/doggo.ex
@@ -3891,6 +3891,11 @@ defmodule Doggo do
   attr :id, :string, required: true
   attr :title, :string, required: true, doc: "A title that labels the tabs."
 
+  attr :heading, :string,
+    default: "h3",
+    values: ["h2", "h3", "h4", "h5", "h6"],
+    doc: "The heading level."
+
   attr :class, :any,
     default: [],
     doc: "Additional CSS classes. Can be a string or a list of strings."
@@ -3904,7 +3909,7 @@ defmodule Doggo do
   def tabs(assigns) do
     ~H"""
     <div id={@id} class={["tabs" | List.wrap(@class)]} {@rest}>
-      <h3 id={"#{@id}-title"}><%= @title %></h3>
+      <.dynamic_tag name={@heading} id={"#{@id}-title"}><%= @title %></.dynamic_tag>
       <div role="tablist" aria-labelledby={"#{@id}-title"}>
         <button
           :for={{panel, index} <- Enum.with_index(@panel, 1)}
diff --git a/test/doggo_test.exs b/test/doggo_test.exs
index 27d0932f..d0e7f993 100644
--- a/test/doggo_test.exs
+++ b/test/doggo_test.exs
@@ -4170,6 +4170,20 @@ defmodule DoggoTest do
       assert text(div) == "some other text"
     end
 
+    test "with heading" do
+      assigns = %{}
+
+      html =
+        parse_heex(~H"""
+        <Doggo.tabs id="my-tabs" title="My Tabs" heading="h4">
+          <:panel label="Panel 1">some text</:panel>
+          <:panel label="Panel 2">some other text</:panel>
+        </Doggo.tabs>
+        """)
+
+      assert text(html, ":root > h4") == "My Tabs"
+    end
+
     test "with additional class as string" do
       assigns = %{}