Components

Fable UI components turn validated AI tool results into focused, copy-and-own interfaces. They render user-facing state; the host still owns data access, authorization, persistence, and side effects.

Browse by job#

• Summaries and choices: MetricCard, SuggestedActions, and ConfirmationCard.
• Structured input and data: FormCard, DataBrowser, and Charts.
• User-owned drafts and source: TextEditorCard, EmailComposerCard, and CodeBlockCard.

Choose the smallest surface that matches the user’s next safe action. Use a form for a few structured fields, a confirmation card for a host-owned side effect, an editor for one local text draft, an email composer for a user-controlled compose handoff, and a code block for inspectable source. None of these components automatically fetch private data, execute code, send email, or mutate the host application.

See Tool Definitions for the shared renderer contract and Manifests for model-routing guidance.