Class: UI::ButtonGroupSeparatorComponent

Inherits:
ViewComponent::Base
  • Object
show all
Includes:
SeparatorBehavior
Defined in:
app/view_components/ui/button_group_separator_component.rb

Overview

SeparatorComponent - ViewComponent implementation

Visually divides buttons within a button group. Extends UI::SeparatorComponent with button group specific styling.

Based on shadcn/ui ButtonGroup: ui.shadcn.com/docs/components/button-group

Examples:

Basic separator

<%= render UI::ButtonGroupComponent.new do %>
  <%= render UI::ButtonComponent.new(variant: :secondary) { "Copy" } %>
  <%= render UI::SeparatorComponent.new %>
  <%= render UI::ButtonComponent.new(variant: :secondary) { "Paste" } %>
<% end %>

Instance Method Summary collapse

Methods included from SeparatorBehavior

#separator_classes, #separator_html_attributes

Constructor Details

#initialize(orientation: :vertical, decorative: true, classes: "", **attributes) ⇒ ButtonGroupSeparatorComponent

Returns a new instance of ButtonGroupSeparatorComponent.

Parameters:

  • orientation (Symbol, String) (defaults to: :vertical) —

    Direction of the separator (:horizontal, :vertical)

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

    Additional CSS classes to merge

  • attributes (Hash) —

    Additional HTML attributes



23
24
25
26
27
28
 
# File 'app/view_components/ui/button_group_separator_component.rb', line 23

def initialize(orientation: :vertical, decorative: true, classes: "", **attributes)
  @orientation = orientation
  @decorative = decorative
  @classes = classes
  @attributes = attributes
end

Instance Method Details

#call ⇒ Object 



30
31
32
 
# File 'app/view_components/ui/button_group_separator_component.rb', line 30

def call
  tag.div(**separator_html_attributes.deep_merge(@attributes))
end