# Demos

> The demo applications: which primitives and table features each one exercises, the one that is built, and the three that are not yet.

Page: https://svelte-lean.vercel.app/demos · Markdown: https://svelte-lean.vercel.app/demos.md · Index: https://svelte-lean.vercel.app/llms.txt

Applications built from the primitives and the table, the way an application would build them, with a runtime panel under each that reads the page it is on.

A demo is a screen that looks like software rather than a specimen: several primitives composed on one page, real forms, a table with data, dialogs with consequences. Each one states which parts work with JavaScript disabled and where that is tested; the runtime panel shows the listeners and modules the page costs.

## Applications

The four demo applications of the playbook and their status

| Demo | Uses | Status |
| --- | --- | --- |
| [Settings application](https://svelte-lean.vercel.app/demos/settings.md) | [Tabs](https://svelte-lean.vercel.app/primitives/tabs.md), [Dialog](https://svelte-lean.vercel.app/primitives/dialog.md), [Popover](https://svelte-lean.vercel.app/primitives/popover.md), [Menu](https://svelte-lean.vercel.app/primitives/menu.md), [Checkbox and switch](https://svelte-lean.vercel.app/primitives/checkbox.md), [Radio group](https://svelte-lean.vercel.app/primitives/radio-group.md), [Field](https://svelte-lean.vercel.app/primitives/field.md), [Select](https://svelte-lean.vercel.app/primitives/select.md), [Badge](https://svelte-lean.vercel.app/primitives/badge.md), [DataTable](https://svelte-lean.vercel.app/table.md) | Built. An account-settings screen with a live runtime panel and a without-JavaScript checklist. |
| Command workspace | [Autocomplete](https://svelte-lean.vercel.app/primitives/autocomplete.md), [Dialog](https://svelte-lean.vercel.app/primitives/dialog.md), [Menu](https://svelte-lean.vercel.app/primitives/menu.md), keyboard interaction | Not built. The command palette is an autocomplete with data-slean-filter="none" in a dialog; both exist. |
| Data dashboard | DataTable with sorting, filtering and selection, Popover, Dialog, Menu | Not built. The table features and primitives it needs exist. |
| Large dataset explorer | Table, virtual rows, Data Grid mode, editing, keyboard navigation | Not built: there is no virtual module (ADR 0006 extracts one only when the table proves the need). |

## What a demo carries

Under the application: the live runtime inspector of the proof page (primitives by tier, shared listeners counted two ways, controllers), the registration modules the build injected for the demo's own files, and a checklist of what works with JavaScript disabled. A checklist entry is called tested only when a spec runs the same markup without script; the rest is marked as expected from the platform and not tested on that page.