layoutstexuliagent-emittablecontent
Deck layout
layout-deck
Slide deck frame for sequenced content.
Live examples
Deck layout
Deck layout
Loading demo…
Props
| Name | Kind | Required | Default | Description |
|---|---|---|---|---|
title | string | no | — | — |
description | string | no | — | — |
locale | string | no | — | Language tag such as en or en-GB |
aspect | enum (16:9, 4:3, 1:1) | no | "16:9" | — |
themeRef | unknown | no | — | Catalog theme id, or a catalog or embedded theme reference object |
masters | array | no | — | Built-in slide master ids the slides may use |
settings | object | no | — | startIndex, loop, showProgress and defaultTransition |
slides | array | no | — | Structured slide objects (@texuli/slides grammar); prefer deck-slide children |
children | slot | no | — | — |
class | string | no | — | — |
Keyboard
| Key | Action |
|---|---|
— | See accessibility notes for keyboard behavior. |
Accessibility
- Structure is semantic regions the host maps to real layout components
- No HTML strings; children are nested catalog nodes
Evidence for layout-deck
Latest committed gates for layout-deck (as of 2026-10-23). Static snapshot — not live CI.
Behavior
n/ano behavior scenario
No dedicated behavior scenario for this catalog id (a styled or display surface, covered by its unit and axe tests).
Size (gzip)
texuli/layout-deck · budget 12.0 KiB
Budget from texuli.budgets.json; re-measure with `pnpm size --filter <entry>`.
Axe
documented
tests/e2e/site-component-pages.spec.tsdocs/quality (a11y-*)
Site component pages axe gate; package-level a11y docs under docs/quality when present.
Browsers
chromiumwebkitmobile
Playwright projects: Desktop Chrome, Desktop Safari, Pixel 7. Firefox is a known gap on this host.
When to use
Use when
- Compose deck layout structure in agent-authored trees
Don’t use when
Prefer another component
- App chrome shells (sidebar, top-nav, dialogs)