x
1
2
3
4
5
6
7
8
9
<section class="overflow-hidden rounded-xl border border-line-faint bg-surface shadow-sm"> <div class="flex items-center justify-between gap-4 bg-surface-subtle px-5 py-3.5"> <span class="text-base font-semibold text-ink">Request</span> <span class="text-xs text-ink-muted">GET /api/v1/search</span> </div> <div class="p-5"> The body the caller supplies. </div></section>1
2
render PanelComponent.new(title: title.presence, hint: hint.presence, sunk: sunk) .with_content("The body the caller supplies.")The layout unit both surfaces repeat. title: covers the common case; the
header slot is there for when a badge or an action has to sit beside the
title, so the component does not grow a parameter per thing anyone might
want there.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
|
|
— |
|