Class: BulmaPhlex::Grid

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

Overview

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

Supports fixed or auto-count column layouts, configurable minimum column width, and independent control over gap, column gap, and row gap sizes.

Class Method Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize(fixed_columns: nil, auto_count: false, minimum_column_width: nil, gap: nil, column_gap: nil, row_gap: nil, **html_attributes) ⇒ Grid

Returns a new instance of Grid.



28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
# File 'lib/bulma_phlex/grid.rb', line 28

def initialize(fixed_columns: nil,
               auto_count: false,
               minimum_column_width: nil,
               gap: nil,
               column_gap: nil,
               row_gap: nil,
               **html_attributes)
  @fixed_columns = fixed_columns
  @auto_count = auto_count
  @minimum_column_width = minimum_column_width
  @gap = gap
  @column_gap = column_gap
  @row_gap = row_gap
  @html_attributes = html_attributes
end

Class Method Details

.new(fixed_columns: nil, auto_count: false, minimum_column_width: nil, gap: nil, column_gap: nil, row_gap: nil, **html_attributes) ⇒ Object

Parameters

  • fixed_columns — Specifies a fixed number of columns for the grid
  • auto_count — If true, the grid will automatically adjust the number of columns based on the content
  • minimum_column_width — Sets a minimum column width (integer 1-32)
  • gap — Sets the gap size between grid items (1-8 with 0.5 increments)
  • column_gap — Sets the column gap size between grid items (1-8 with 0.5 increments)
  • row_gap — Sets the row gap size between grid items (1-8 with 0.5 increments)
  • **html_attributes — Additional HTML attributes for the grid element


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

def self.new(fixed_columns: nil,
             auto_count: false,
             minimum_column_width: nil,
             gap: nil,
             column_gap: nil,
             row_gap: nil,
             **html_attributes)
  super
end

Instance Method Details

#view_template ⇒ Object 



44
45
46
47
48
 
# File 'lib/bulma_phlex/grid.rb', line 44

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