docsloth.dev
Component catalogue
Every component below is implemented with real behaviour for its trust class, documented, and covered by accessibility and behaviour tests. Connected components execute only through a capability grant and surface every failure mode to the reader.
48 components · 10 pure · 18 interactive · 15 connected
pure components (10)
| Component | Purpose | Key prop | Agent tools |
|---|---|---|---|
prose | Readable structured narrative | text | none (read-only) |
callout | Important contextual warnings | text | none (read-only) |
api-reference | Render canonical API schema and examples | operationId | none (read-only) |
gif | Short annotated motion with static alternative | src | none (read-only) |
image | Accessible versioned screenshot | src | none (read-only) |
cards | Choose task-oriented navigation | items | none (read-only) |
breadcrumbs | Show page hierarchy | items | none (read-only) |
media-transcript | Accessible transcript tied to media version | text | none (read-only) |
faq | Task-oriented evidenced question answers | items | none (read-only) |
pricing-reference | Owner-sourced product prices; never inferred from code | sourceId | none (read-only) |
Pure components render content with no network, storage or execution. They are safe on any static host.
interactive components (18)
| Component | Purpose | Key prop | Agent tools |
|---|---|---|---|
tabs | Switch related presentations | activeTab | select_tab |
table | Filterable structured reference | rows | filter_rows |
code | Syntax-highlighted copyable code | code | copy, highlight |
code-diff | Inspect a versioned example change | before | select_hunk |
schema-explorer | Explore an object or database schema | schemaId | expand, focus |
graph | Explore services and software relationships | graphId | focus, highlight_path, filter |
sequence | Explain message ordering | diagram | step, reset |
state-machine | Explore a bounded state machine | workflowId | transition, reset |
search | Published content search with static fallback | query | search, select |
video | Accessible recorded walkthrough | src | play, pause, seek |
release-timeline | Published version and migration history | releaseId | select_version |
migration | Before-and-after change guide | fromVersion | compare |
permissions | Read-only permission matrix | policyId | filter |
checklist | Track local tutorial progress | items | toggle, reset |
version-selector | Choose an actual available release | version | select |
locale-selector | Choose an available language | locale | select |
glossary | Software terminology and concepts | items | search |
source-evidence | Expose audience-safe verification evidence | factId | inspect |
Interactive components manage local state only (tabs, filters, copy, reorder). They never receive credentials.
connected components (15)
| Component | Purpose | Key prop | Agent tools |
|---|---|---|---|
live-code | Execute an example in an approved environment | code | run, cancel, reset |
terminal | Interactive command example with sandbox binding | command | run, cancel |
api-console | Build and send approved API requests | operationId | configure, send, inspect |
tutorial | Verified multistep task tutorial | workflowId | next, verify, reset |
wizard | Collect configuration and validate prerequisites | workflowId | next, validate |
configurator | Prepare safe software configuration | schemaId | validate, export |
webhook-debugger | Inspect synthetic approved webhook delivery | eventType | simulate, inspect |
event-stream | Inspect an authorized event stream | streamId | subscribe, pause |
logs | View redacted approved diagnostic logs | query | query, filter |
status | Read-only authorized deployment status | serviceId | refresh |
feedback | Submit bounded document feedback | pageId | submit |
copy-context | Export permitted agent context | task | prepare, copy |
embed | Isolated approved external UI | src | load, reset |
metrics | Display authorized aggregate metrics | query | refresh |
download | Integrity-checked approved artifact download | artifactId | download |
Connected components require a short-lived capability for their declared tools; a refusal is shown as permission_required, never a silent failure.
Actions
Actions
- Filter free
Jumps to the catalogue below. All 48 first-party components are Apache-2.0 and free; this build has no paid tier, so the filter would hide nothing rather than pretend to.
- View permissions
Opens a real connected component: it declares its tools, requires a scoped capability and surfaces permission_required on refusal.
- Preview component
Runs the published renderer on synthetic blocks in an isolated iframe; no account, no provider and no cost.