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 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 class="flex text-sm items-center text-secondary whitespace-nowrap"> <span aria-hidden="true" class="mx-2">/</span> <a class="underline hover:no-underline focus:no-underline text-secondary hover:text-primary" href="#">Breadcrumb 2</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 3 </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> </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
<%= 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(href: "#").with_content("Breadcrumb 2") %> <% breadcrumbs.with_item_content("Breadcrumb 3") %> <% end %> <% header.with_title("Page title") %> <% end %> <% page.with_body_content("Page content goes here.") %><% end %>No notes provided.
No params configured.