Layer: chrome
Floating chrome control — usually a close button on a card corner.
{
"type": "chrome",
"id": "close",
"layout": { "host": "content", "anchor_h": "right", "anchor_v": "top" },
"button_style": "icon_close_button",
"interaction": { "hooks": { "on_click": "close" } }
}
Usually you need
| Key | Type | Effect |
|---|---|---|
type | "chrome" | Required |
interaction.hooks.on_click | action | Often "close" |
button_style | string | Pack id; empty → info_close_button |
All keys
| Key | Type | Effect |
|---|---|---|
type | "chrome" | Required |
id | string | Identity |
label / label_key | string | Caption (optional for icon-only) |
button_style | string | Named button pack |
icons / icon fields | — | Glyphs |
layout | object | host: "screen" (window, default — stays fixed while content scrolls) | "content" (overlay first content card; scrolls with layout.mode: scroll) ; anchors / offsets |
interaction | object | Hooks |
state_visual | object | Per-state |
order / style / modulate / scale | — | Layer fields |
Packs: Named button packs. Actions and hooks · Layout and host.