Class: UI::InputOtpSlot

Inherits:
Phlex::HTML
  • Object
show all
Includes:
InputOtpSlotBehavior
Defined in:
app/components/ui/input_otp_slot.rb

Overview

Slot - Phlex implementation

Individual OTP input slot for a single character.

Examples:

render UI::Slot.new(index: 0, value: "1")

Instance Method Summary collapse

Methods included from InputOtpSlotBehavior

#input_otp_slot_classes, #input_otp_slot_data_attributes, #input_otp_slot_html_attributes

Constructor Details

#initialize(index: 0, value: "", name: nil, id: nil, disabled: false, classes: "", **attributes) ⇒ InputOtpSlot

Returns a new instance of InputOtpSlot.

Parameters:

  • index (Integer) (defaults to: 0) —

    Index of the slot in the OTP sequence

  • value (String) (defaults to: "") —

    Character value to display in the slot

  • name (String) (defaults to: nil) —

    Form input name

  • id (String) (defaults to: nil) —

    HTML id attribute

  • disabled (Boolean) (defaults to: false) —

    Whether input is disabled

  • classes (String) (defaults to: "") —

    Additional CSS classes

  • attributes (Hash) —

    Additional HTML attributes



19
20
21
22
23
24
25
26
27
 
# File 'app/components/ui/input_otp_slot.rb', line 19

def initialize(index: 0, value: "", name: nil, id: nil, disabled: false, classes: "", **attributes)
  @index = index
  @value = value
  @name = name
  @id = id
  @disabled = disabled
  @classes = classes
  @attributes = attributes
end

Instance Method Details

#view_template ⇒ Object 



29
30
31
 
# File 'app/components/ui/input_otp_slot.rb', line 29

def view_template
  input(**input_otp_slot_html_attributes.merge(@attributes))
end