1 files changed, 22 insertions, 0 deletions
diff --git a/spec/components/previews/layouts/horizontal_section_component_preview.rb b/spec/components/previews/layouts/horizontal_section_component_preview.rb
new file mode 100644
index 00000000000..cc7e8c8c2b1
--- /dev/null
+++ b/spec/components/previews/layouts/horizontal_section_component_preview.rb
@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Layouts
+  class HorizontalSectionComponentPreview < ViewComponent::Preview
+    # @param border toggle
+    # @param title text
+    # @param description text
+    # @param body text
+    def default(
+      border: true,
+      title: 'Naming, visibility',
+      description: 'Update your group name, description, avatar, and visibility.',
+      body: 'Settings fields here.'
+    )
+      render(::Layouts::HorizontalSectionComponent.new(border: border, options: { class: 'gl-mb-6 gl-pb-3' })) do |c|
+        c.title { title }
+        c.description { description }
+        c.body { body }
+      end
+    end
+  end
+end