Usage

Quick start guide and basic usage examples for rendering A2UI surfaces with the A2UISurface component.

Basic Usage

The core of a2ui-shadcn is the <A2UISurface> component. It handles:

tsx

For testing or server-side rendering, provide messages directly:

tsx

For real-time bidirectional communication:

tsx

For one-way streaming from server to client:

tsx

Actions are triggered by user interactions (button clicks, form submissions, etc.):

tsx

Extend the catalog with your own components:

tsx

Your custom component receives A2UI props:

tsx

Override default theme tokens:

tsx

Enable right-to-left layout:

tsx

Agents can also control direction via createSurface:

json

Handle surface-level errors:

tsx