Skip to content
Agents / Interaction

Arguments form

Turn a tool schema into a usable form, with a JSON escape hatch.

Registry
Loading state

A name or keyword.

Installation

  1. Add the registry entry to your app.

    npx shadcn@latest add @fabrials/arguments-form

    Without the named registry, use the address: https://ui.fabrials.com/r/arguments-form.json

API reference

Prop / exportTypeDescription
schemaJsonSchemaSelf-contained JSON Schema 2020-12.
onSubmit(args) => Promise<unknown>Receives validated arguments.
initialValuesRecord<string, unknown>Initial input values.
submitLabelstringSubmit action label.

Behavior

Simple scalar object schemas become fields. Composed, nested and array schemas use JSON editing. AJV validates both paths; unresolved external references fail explicitly.

Accessibility

Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.