pass status labels to the toggle switch

Author: bsatarnejad

app/components/primer/alpha/toggle_switch.html.erb

@@ -4,8 +4,8 @@
     <%= render(Primer::Beta::Spinner.new(size: :small, hidden: "true", data: { target: "toggle-switch.loadingSpinner" })) %>
   </span>
   <%= render(Primer::Beta::Text.new(aria: { hidden: true }, classes: "ToggleSwitch-status")) do %>
-    <%= render(Primer::Box.new(classes: "ToggleSwitch-statusOn").with_content("On")) %>
-    <%= render(Primer::Box.new(classes: "ToggleSwitch-statusOff").with_content("Off")) %>
+    <%= render(Primer::Box.new(classes: "ToggleSwitch-statusOn").with_content(@on_label)) %>
+    <%= render(Primer::Box.new(classes: "ToggleSwitch-statusOff").with_content(@off_label)) %>
   <% end %>
 
   <%= render(Primer::BaseComponent.new(tag: :button, classes: "ToggleSwitch-track", disabled: disabled?, data: { target: "toggle-switch.switch", action: "click:toggle-switch#toggle" }, **@button_arguments)) do %>

app/components/primer/alpha/toggle_switch.rb

@@ -28,6 +28,8 @@ class ToggleSwitch < Primer::Component
       # @param status_label_position [Symbol] Which side of the toggle switch to render the status label. <%= one_of(Primer::Alpha::ToggleSwitch::STATUS_LABEL_POSITION_OPTIONS) %>
       # @param turbo [Boolean] Whether or not to request a turbo stream and render the response as such.
       # @param autofocus [Boolean] Whether switch should be autofocused when rendered.
+      # @param on_label [String] Custom label to show when switch is ON. Defaults to I18n.t("label_switch.on").
+      # @param off_label [String] Custom label to show when switch is OFF. Defaults to I18n.t("label_switch.off").
       # @param system_arguments [Hash] <%= link_to_system_arguments_docs %>
       def initialize(
         src: nil,
@@ -38,6 +40,8 @@ def initialize(
         status_label_position: STATUS_LABEL_POSITION_DEFAULT,
         turbo: false,
         autofocus: nil,
+        on_label: nil,
+        off_label: nil,
         **system_arguments
       )
         @src = src
@@ -70,6 +74,9 @@ def initialize(
         @button_arguments[:autofocus] = true if autofocus
 
         @system_arguments[:src] = @src if @src
+
+        @on_label  = on_label  || "On"
+        @off_label = off_label || "Off"
       end
 
       def on?

previews/primer/alpha/toggle_switch_preview.rb

@@ -66,6 +66,10 @@ def with_turbo
       def with_autofocus
         render(Primer::Alpha::ToggleSwitch.new(src: UrlHelpers.primer_view_components.toggle_switch_index_path, autofocus: true))
       end
+
+      def with_custom_label
+        render Primer::Alpha::ToggleSwitch.new(src: UrlHelpers.primer_view_components.toggle_switch_index_path, on_label: "Enabled", off_label: "Disabled")
+      end
     end
   end
 end