layoutstexulinot agent-emittableapp
SplitView
split-view
Master-detail split with list and detail panes.
Live examples
Split
Split
Loading demo…
Props
| Name | Kind | Required | Default | Description |
|---|---|---|---|---|
list | slot | yes | — | — |
detail | slot | no | — | — |
empty | slot | no | — | — |
listLabel | string | no | "List" | — |
detailLabel | string | no | "Details" | — |
detailActive | boolean | no | false | — |
class | string | no | — | — |
Keyboard
| Key | Action |
|---|---|
a | Narrow containers show one pane at a time |
Accessibility
- List and detail regions are labelled
- Narrow containers show one pane at a time
Evidence for split-view
Latest committed gates for split-view (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/split-view · 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
- List/detail workflows on wide screens
Don’t use when
Prefer another component
- Single-stream feeds