Pages

x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<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 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
<%= anchor_page do |page| %>
<% page.with_header do |header| %>
<% header.with_title("Page title") %>
<% end %>
<% page.with_body_content("Page content goes here.") %>
<% end %>