Anchor ViewComponents

Pages

No matching results.

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
<div class="flex flex-col min-h-screen" data-testid="page-component">
  <header class="py-6" data-testid="page-header">
    <div class="flex flex-col gap-8">
      <div class="px-10"><nav aria-label="Breadcrumb" data-testid="breadcrumbs">
          <ol class="flex items-center">
            <li class="flex text-sm items-center text-secondary whitespace-nowrap">
              <a class="underline hover:no-underline focus:no-underline text-secondary hover:text-primary" href="#">Breadcrumb 1</a>
            </li>
            <li aria-current="page" class="flex text-sm items-center text-secondary whitespace-nowrap">
              <span aria-hidden="true" class="mx-2">/</span>
              Breadcrumb 2
            </li>
          </ol>
        </nav></div>
      <div class="px-10 flex justify-between items-center min-h-10">
        <div class="space-y-1">
          <div class="flex items-center gap-2">
            <h1 class="text-2xl leading-7 font-semibold">Page title</h1>
          </div>
        </div>
        
        <div class="flex items-center gap-2">
        </div>
      </div>
    </div>
    <search class="px-10 bg-neutral py-6 mt-8">      Here you can put the filters, search, etc.
    </search>
  </header>
  <div class="px-10 py-6 grow" data-testid="page-body">Page content goes here.</div>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
<%= anchor_page do |page| %>
  <% page.with_header do |header| %>
    <% header.with_breadcrumbs do |breadcrumbs| %>
      <% breadcrumbs.with_item(href: "#").with_content("Breadcrumb 1") %>
      <% breadcrumbs.with_item_content("Breadcrumb 2") %>
    <% end %>
    <% header.with_title("Page title") %>
    <% header.with_search do %>
      Here you can put the filters, search, etc.
    <% end %>
  <% end %>
  <% page.with_body_content("Page content goes here.") %>
<% end %>

No notes provided.

No params configured.