Component Library 2.7.3 (configured with Dummy App)
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
<div class="list">  
  <p class="list__title">Booking account and Payments</p>
  <ul class="list__items">
    <li class="list__item">
      <span class="list__icon"><span class="material-symbols-outlined description" data-recite-translate-skip="true"></span></span>
      <a class="list__link" href="/lookbook/#">Why can't I log into my Better UK App or online account?</a>
    </li>
    <li class="list__item">
      <span class="list__icon"><span class="material-symbols-outlined description" data-recite-translate-skip="true"></span></span>
      <a class="list__link" href="/lookbook/#">Why am I being asked to pay for my activity?</a>
    </li>
    <li class="list__item">
      <span class="list__icon"><span class="material-symbols-outlined description" data-recite-translate-skip="true"></span></span>
      <a class="list__link" href="/lookbook/#">Can I reset my booking/member account password?</a>
    </li>
    <li class="list__item">
      <span class="list__icon"><span class="material-symbols-outlined description" data-recite-translate-skip="true"></span></span>
      <a class="list__link" href="/lookbook/#">Are the bookings free?</a>
    </li>
    <li class="list__item">
      <span class="list__icon"><span class="material-symbols-outlined description" data-recite-translate-skip="true"></span></span>
      <a class="list__link" href="/lookbook/#">Can I buy a day pass?</a>
    </li>
  </ul>
</div>
1
2
3
4
5
6
7
8
resolved_icon = icon_type == "none" ? nil : icon_type
items = build_list_items(count: item_count).map.with_index(1) do |entry, position|
  GllComponentLibrary::Patterns::ListComponent::Item.new(
    href: entry.href, title: entry.title, current: position == current_item.to_i
  )
end
pattern = build_list(title: show_title ? title : nil, icon_type: resolved_icon, items:)
render GllComponentLibrary::Patterns::ListComponent.new(pattern:)

No notes provided.

Param Description Input

—

—

—

—

1-based position highlighted as the current page (0 = none)