Lookbook
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div data-controller='reveal-component'>
  Item 1
  Item 2
  Item 3
  Item 4
  Item 5
  <span class='d-none' data-reveal-component-target='item'>
    Item 6
  </span>
  <span class='d-none' data-reveal-component-target='item'>
    Item 7
  </span>
  <span class='d-none' data-reveal-component-target='item'>
    Item 8
  </span>
  <span class='d-none' data-reveal-component-target='item'>
    Item 9
  </span>
  <span class='d-none' data-reveal-component-target='item'>
    Item 10
  </span>
  <div data-action='click->reveal-component#show' data-reveal-component-target='showButton'>
    <span class='btn-link'>
      See more
    </span>
  </div>
  <div class='d-none' data-action='click->reveal-component#hide' data-reveal-component-target='hideButton'>
    <span class='btn-link'>
      See less
    </span>
  </div>
</div>
1
2
3
4
5
6
7
render ListItemsShowMoreComponent.new(max_items: 5) do |component|
  10.times do |i|
    component.container do
      "Item #{i + 1}"
    end
  end
end

No notes provided.

No params configured.