@veroxm/ui Library

@veroxm/ui is a schema-driven React component library built directly against VeroXM's field type registry - the same thirteen field types used throughout the dashboard and the Content API. It renders a whole form, or a whole read-only view, from a collection's field schema in one call.

Install

npm install @veroxm/ui

Quickstart

import { SchemaForm } from "@veroxm/ui";

<SchemaForm
  schema={collectionFields}
  values={values}
  onChange={(name, value) => setValues((v) => ({ ...v, [name]: value }))}
/>

SchemaView renders the same schema read-only, for a detail page or a preview.

Bring your own data

Relation and Media fields need to look up options or assets from your own backend - the library never makes network calls itself. Instead you pass loadOptions (for Relation fields) and loadAssets/onRequestPick (for Media fields) as callbacks, so the library works the same way whether you're calling VeroXM's own Content API or something else entirely.

Storybook

Every field type and both top-level components have a Storybook story, useful as a live reference for each type's editor and display without wiring up a real schema first.