Class: CubitComponents::ColumnsComponent

Inherits:
BaseComponent
  • Object
show all
Defined in:
lib/cubit_components/columns_component.rb

Overview

Horizontal flex-layout that can collapse into a vertical stack.

Defined Under Namespace

Classes: ColumnComponent

Constant Summary collapse

VALID_VATTRS = 
Set.new(
  %w[
    gap-small gap-medium gap-large
    items-start items-center items-end
    text-left text-center text-right
  ]
).freeze

Instance Method Summary collapse

Methods inherited from BaseComponent

#call

Constructor Details

#initialize(element: "div", classes: "", vattrs: [], reverse: false, collapse_below: nil) ⇒ ColumnsComponent

:reverse – Boolean, applies ‘flex-row-reverse` :collapse_below – breakpoint string, ex. “sm” → “sm:flex-col” `reverse` can only be true when `collapse_below` is non-nil



17
18
19
20
21
22
23
24
25
26
 
# File 'lib/cubit_components/columns_component.rb', line 17

def initialize(element: "div", classes: "", vattrs: [], reverse: false, collapse_below: nil)
  @reverse = reverse
  @collapse_below = collapse_below

  super(
    element: element,
    classes: build_layout_classes(classes),
    vattrs: vattrs
  )
end