Class: BulmaPhlex::Columns

Inherits:
Base
  • Object
show all
Defined in:
lib/bulma_phlex/columns.rb

Overview

Renders a responsive column layout using Bulma's column system.

Supports options for breakpoint, alignment (centered, vertically centered), layout (multiline, gap sizing), and responsive gap configuration per breakpoint.

Class Method Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize(minimum_breakpoint: nil, multiline: false, gap: nil, centered: false, vcentered: false, **html_attributes) ⇒ Columns

Returns a new instance of Columns.



27
28
29
30
31
32
33
34
35
36
37
38
39
 
# File 'lib/bulma_phlex/columns.rb', line 27

def initialize(minimum_breakpoint: nil,
               multiline: false,
               gap: nil,
               centered: false,
               vcentered: false,
               **html_attributes)
  @minimum_breakpoint = minimum_breakpoint
  @multiline = multiline
  @gap = gap
  @centered = centered
  @vcentered = vcentered
  @html_attributes = html_attributes
end

Class Method Details

.new(minimum_breakpoint: nil, multiline: false, gap: nil, centered: false, vcentered: false, **html_attributes) ⇒ Object

Parameters

  • minimum_breakpoint — Sets the minimum breakpoint for the columns (e.g. :tablet, :desktop)
  • multiline — If true, allows the columns to wrap onto multiple lines
  • gap — An integer (0-8) to set the gap size, or a hash keyed by breakpoints for responsive gaps
  • centered — If true, centers the columns
  • vcentered — If true, vertically centers the columns
  • **html_attributes — Additional HTML attributes for the columns container


18
19
20
21
22
23
24
25
 
# File 'lib/bulma_phlex/columns.rb', line 18

def self.new(minimum_breakpoint: nil,
             multiline: false,
             gap: nil,
             centered: false,
             vcentered: false,
             **html_attributes)
  super
end

Instance Method Details

#view_template ⇒ Object 



41
42
43
 
# File 'lib/bulma_phlex/columns.rb', line 41

def view_template(&)
  div(**mix({ class: columns_classes }, @html_attributes), &)
end