Class: TilesComponentPreview

Inherits:
ViewComponent::Preview
  • Object
show all
Defined in:
lib/cubit_components/previews/tiles_component_preview.rb

Instance Method Summary collapse

Instance Method Details

#custom_grid_and_gapObject

Preview with custom grid columns and gap overrides.



12
13
14
15
16
17
18
19
# File 'lib/cubit_components/previews/tiles_component_preview.rb', line 12

def custom_grid_and_gap
  render(CubitComponents::TilesComponent.new(vattrs: ["md:grid-cols-3", "gap-4"])) do
    tag.div("Tile 1", class: "border p-2") +
      tag.div("Tile 2", class: "border p-2") +
      tag.div("Tile 3", class: "border p-2") +
      tag.div("Tile 4", class: "border p-2")
  end
end

#defaultObject

Default preview: renders three simple tiles.



3
4
5
6
7
8
9
# File 'lib/cubit_components/previews/tiles_component_preview.rb', line 3

def default
  render(CubitComponents::TilesComponent.new(vattrs: ["grid-cols-5"])) do
    tag.div("Tile 1", class: "border p-2") +
      tag.div("Tile 2", class: "border p-2") +
      tag.div("Tile 3", class: "border p-2")
  end
end