ink

Define a catalog with defineCatalog and the Ink schema, create a registry with defineRegistry, then pass the spec to the Renderer component inside a JSONUIProvider. The spec uses a flat element map with a root key referencing element IDs.

Use the $bindState expression on the natural value prop of form components like TextInput or Select for two-way binding. For reading state one-way, use $state with a JSON Pointer path such as /form/name.

The standard catalog includes layout components (Box, Text, Spacer), content components (Heading, Table, Card, Markdown, BarChart, Sparkline), and interactive components (TextInput, Select, MultiSelect, ConfirmInput, Tabs) with keyboard navigation.

Yes, use the useUIStream hook with an API endpoint to progressively render specs from JSONL patch streams. It returns the current spec, a send function, and an isStreaming flag for loading states.

Set the visible field on an element with a condition like { "$state": "/path", "eq": value }. Combine conditions with $and and $or operators, and the VisibilityProvider evaluates them at render time.

Yes, create a store with createStateStore and pass it to StateProvider or JSONUIProvider via the store prop. Updates through store.set trigger React re-renders, and initialState is ignored in controlled mode.