primer_view_components 0.0.104 → 0.0.105

data/previews/primer/subhead_component_preview.rb

@@ -3,6 +3,23 @@
 module Primer
   # @label SubheadComponent
   class SubheadComponentPreview < ViewComponent::Preview
+    # @label Playground
+    #
+    # @param spacious [Boolean]
+    # @param hide_border [Boolean]
+    # @param heading_danger [Boolean]
+    # @param heading_tag [Symbol] select [div, h1, h2, h3, h4, h5, h6]
+    def playground(spacious: false, hide_border: false, heading_tag: :div, heading_danger: false)
+      render(Primer::SubheadComponent.new(spacious: spacious, hide_border: hide_border)) do |component|
+        component.with_heading(tag: heading_tag, danger: heading_danger) do
+          "My Heading"
+        end
+        component.with_description do
+          "My Description"
+        end
+      end
+    end
+
     # @label Default Options
     #
     # @param spacious [Boolean]

data/previews/primer/time_ago_component_preview.rb

@@ -3,6 +3,14 @@
 module Primer
   # @label TimeAgoComponent
   class TimeAgoComponentPreview < ViewComponent::Preview
+    # @label Playground
+    #
+    # @param time datetime-local
+    # @param micro [Boolean] toggle
+    def playground(time: Time.zone.now.to_s, micro: false)
+      render(Primer::TimeAgoComponent.new(time: DateTime.parse(time), micro: micro))
+    end
+
     # @param time datetime-local
     # @param micro [Boolean] toggle
     def default(time: Time.zone.now.to_s, micro: false)

data/previews/primer/timeline_item_component_preview.rb

@@ -3,7 +3,18 @@
 module Primer
   # @label TimelineItemComponent
   class TimelineItemComponentPreview < ViewComponent::Preview
-    # @label Default Options
+    # @label Playground
+    #
+    # @param condensed [Boolean]
+    def playground(condensed: false)
+      render(Primer::TimelineItemComponent.new(condensed: condensed)) do |component|
+        component.with_avatar(src: Primer::ExampleImage::BASE64_SRC, alt: "octocat")
+        component.with_badge(bg: :success_emphasis, color: :on_emphasis, icon: :check)
+        component.with_body { "Success!" }
+      end
+    end
+
+    # @label Default
     #
     # @param condensed [Boolean]
     def default(condensed: false)