Class: TilesComponentPreview
- Inherits:
-
ViewComponent::Preview
- Object
- ViewComponent::Preview
- TilesComponentPreview
- Defined in:
- lib/cubit_components/previews/tiles_component_preview.rb
Instance Method Summary collapse
-
#custom_grid_and_gap ⇒ Object
Preview with custom grid columns and gap overrides.
-
#default ⇒ Object
Default preview: renders three simple tiles.
Instance Method Details
#custom_grid_and_gap ⇒ Object
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 |
#default ⇒ Object
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 |