Lookbook
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div class="d-flex flex-wrap align-items-center">
  <div class="mr-1 mb-1 text-truncate">
    <div class="p-1 border">element 0</div>
  </div>
  <div class="mr-1 mb-1 text-truncate">
    <div class="p-1 border">element 1</div>
  </div>
  <div class="mr-1 mb-1 text-truncate">
    <div class="p-1 border">element 2</div>
  </div>
  <div class="mr-1 mb-1 text-truncate">
    <div class="p-1 border">element 3</div>
  </div>
</div>
1
2
3
4
5
render Layout::HorizontalListComponent.new do |l|
  4.times.each do |i|
    l.element {content_tag(:div , "element #{i}", class: 'p-1 border')}
  end
end

No notes provided.

No params configured.