Class: UI::DialogOverlayComponent

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

Overview

Dialog overlay component (ViewComponent) Container and backdrop for dialog

Examples:

<%= render UI::OverlayComponent.new do %>
  <%= render UI::ContentComponent.new do %>
    <!-- Content -->
  <% end %>
<% end %>

Instance Method Summary collapse

Methods included from DialogOverlayBehavior

#dialog_overlay_base_classes, #dialog_overlay_classes, #dialog_overlay_container_base_classes, #dialog_overlay_container_classes, #dialog_overlay_container_data_attributes, #dialog_overlay_container_html_attributes, #dialog_overlay_data_attributes, #dialog_overlay_html_attributes, #merged_dialog_overlay_container_data_attributes

Constructor Details

#initialize(open: false, classes: "", **attributes) ⇒ DialogOverlayComponent

Returns a new instance of DialogOverlayComponent.

Parameters:

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

    whether the dialog is open

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

    additional CSS classes

  • attributes (Hash) —

    additional HTML attributes



18
19
20
21
22
 
# File 'app/view_components/ui/dialog_overlay_component.rb', line 18

def initialize(open: false, classes: "", **attributes)
  @open = open
  @classes = classes
  @attributes = attributes
end

Instance Method Details

#call ⇒ Object 



24
25
26
27
28
29
30
31
32
33
34
35
 
# File 'app/view_components/ui/dialog_overlay_component.rb', line 24

def call
  container_attrs = dialog_overlay_container_html_attributes
  container_attrs[:data] = container_attrs[:data].merge(@attributes.fetch(:data, {}))
  overlay_attrs = dialog_overlay_html_attributes

  content_tag :div, **container_attrs.merge(@attributes.except(:data)) do
    safe_join([
      content_tag(:div, "", **overlay_attrs),
      content
    ])
  end
end