Allow passing custom options to the hint component

Author: koppen

app/components/flowbite/input_field.rb

@@ -116,7 +116,7 @@ def default_hint_options
 
       {
         id: id_for_hint_element
-      }.merge(hint_options || {})
+      }.merge(hint_options[:options] || {})
     end
 
     # Returns a Hash with the default attributes to apply to the input element.

test/components/flowbite/input_field_test.rb

@@ -25,6 +25,12 @@ def test_adds_aria_attributes_for_hint
     assert_selector("p#book_title_hint", text: "What's the title?")
   end
 
+  def test_adds_extra_attributes_to_hint
+    render_inline(Flowbite::InputField.new(form: @form, attribute: :title, hint: {content: "What's the title?", options: {class: "custom-hint-class"}}))
+
+    assert_selector("p#book_title_hint.custom-hint-class", text: "What's the title?")
+  end
+
   def test_renders_an_input_element
     render_inline(Flowbite::InputField.new(form: @form, attribute: :title))
 

test/components/input/hint_test.rb

@@ -18,9 +18,15 @@ def test_renders_a_hint
     assert_selector("p.text-sm.text-gray-500", text: "What's the title?")
   end
 
-  def test_accepts_custom_attributes
+  def test_accepts_custom_id
     render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title, options: {id: "custom_hint"})) { "What's the title?" }
 
     assert_selector("p#custom_hint.text-sm.text-gray-500", text: "What's the title?")
   end
+
+  def test_accepts_custom_attributes
+    render_inline(Flowbite::Input::Hint.new(form: @form, attribute: :title, options: {class: "custom-class"})) { "What's the title?" }
+
+    assert_selector("p.custom-class", text: "What's the title?")
+  end
 end