x
1
2
3
<div class="rounded-2xl border border-line-faint bg-surface p-6 shadow-md">
<span class="inline-flex items-baseline gap-1.5 rounded-sm px-1.5 py-px font-mono text-sm leading-5 bg-surface-sunk text-ink whitespace-nowrap">gl<span class="text-xs font-normal text-ink-muted">enum</span></span>
</div>
1
2
3
4
5
6
7
8
9
10
<%# The tag is drawn on a panel, and that is a fact about the component
rather than about this preview: its fill is `surface-sunk`, which the
app resolves to the *canvas* in both modes — a sunk well is the page
ground showing through. On the preview shell's bare canvas it would
have no fill at all, so the demo draws the sheet the grid, the
reference and the form all sit on. %>
<div class="rounded-2xl border border-line-faint bg-surface p-6 shadow-md">
<%= render ParamNameComponent.new(name: parameter.name, type: parameter.type,
size: size, required: required, current: current) %>
</div>
Param Description Input