Examples
Standard components
Side-by-side live lab of every closed-catalog component with links to full pages.
Standard components
Lab only. Every closed-catalog key rendered live for visual QA. For props, frame JSON, and agent handoffs, open the full page (link under each card) or the catalog index.
Previews use docs host CSS.
@agentskit/react(and other shells) ship unstyled host primitives on purpose — your theme owns production look.
Live lab
Live lab (12 keys). Docs host CSS only — package primitives are unstyled by design. Props, frames, and agent notes live on each full page.
Choice list
Prompt + 1–20 choices with optional descriptions and typed actions.
choice-listForm
Schema-backed fields with a single submit event.
formConfirmation
Confirm / cancel pair for a destructive or sensitive step.
confirmationDelete?
This cannot be undone.
Progress
Percent progress with optional status text.
progressUploading
Source list
Cited sources with optional URLs and snippets.
source-listSources
Link card
Title, description, and href as a single navigation affordance.
link-cardError notice
Accessible alert with optional retry.
error-noticeTry again.
E_TESTTool call
Status display for a tool invocation (pending → complete/error).
tool-call{
"q": "AgentsKit"
}"Found"
Approval request
Approve / deny for a proposed side effect.
approval-requestApprove send?
Send the email.
Table
Captioned columns and rows of scalar cells.
table| Name |
|---|
| Ada |
File attachment
Named file with mime type, size, and optional open URL.
file-attachmentRelated
- Component catalog — index + contract matrix
- Choice list — primary interactive deep dive
- Action policy