Schema Builder

Schema Builder provides a field table for defining extraction schema keys, JSON types, descriptions, enums, nested objects, and arrays.

Installation

pnpmnpmyarnbun
Copy
pnpm dlx shadcn@latest add @extend/schema-builder

Useful behaviors

• Form and JSON tabs share the same schema state.
• Type selector includes scalar JSON types, enum, object, and array options.
• Property keys can be reordered or dragged into and out of object and array object schemas.
• Enum values can be reordered.
• Enum rows support editable values and descriptions.
• Object rows render a nested schema table below the parent row.
• Array rows support object, enum, or scalar item types; object arrays render a nested item schema table and enum arrays render an enum table.
• JSON view matches the app code block surface and follows the current light or dark theme.

API Reference

SchemaBuilderPanel

The SchemaBuilderPanel component renders the editable schema table and a JSON view for the serialized schema.

SchemaBuilderProperty