Class: PhlexKit::Switch

Inherits:
BaseComponent show all
Defined in:
app/components/phlex_kit/switch/switch.rb

Overview

On/off toggle rendered as a checkbox styled as a track+thumb. Ported from ruby_ui's RubyUI::Switch — pure CSS (:has(:checked)), no Stimulus. Emits an optional hidden field so an unchecked box still posts a value (Rails idiom).

Constant Summary collapse

SIZES = 
{ md: nil, sm: "sm" }.freeze

Instance Method Summary collapse

Methods inherited from BaseComponent

#on

Constructor Details

#initialize(include_hidden: true, checked_value: "1", unchecked_value: "0", size: :md, **attrs) ⇒ Switch

Returns a new instance of Switch.



8
9
10
11
12
13
14
 
# File 'app/components/phlex_kit/switch/switch.rb', line 8

def initialize(include_hidden: true, checked_value: "1", unchecked_value: "0", size: :md, **attrs)
  @include_hidden = include_hidden
  @checked_value = checked_value
  @unchecked_value = unchecked_value
  @size = size.to_sym
  @attrs = attrs
end

Instance Method Details

#view_template ⇒ Object 



16
17
18
19
20
21
22
 
# File 'app/components/phlex_kit/switch/switch.rb', line 16

def view_template
  label(**mix({ role: "switch", class: [ "pk-switch", SIZES.fetch(@size) ].compact.join(" ") }, {})) do
    input(type: "hidden", name: @attrs[:name], value: @unchecked_value) if @include_hidden
    input(**mix({ class: "pk-switch-input" }, @attrs).merge(type: "checkbox", value: @checked_value))
    span(class: "pk-switch-thumb")
  end
end