<aside> 👀 This document is public. Do not add any Remote internal information here. Are you a Remote Engineer? Read internal docs.

</aside>

• 📒 Table of Contents

Getting Started

@remoteoss/json-schema-form is a headless UI form library powered by JSON Schemas. It transforms JSON schemas into JS to be consumed by your UI libraries and generate UI forms.

<aside> 🎉 json-schema-form is open-sourced! Check its Github repo ‣ and its documentation website for installation, demos, guides, and interactive playgrounds.

If you were using the hardcoded version, please follow the migration guide:

Migration codesandbox → 0.1.0-beta

</aside>

Diagram of how json-schema-form integrates with JSON Schema and any UI library. (Figma link)

Remote customizations to json-schema-form

<aside> ℹ️ Start with the guide How JSON Schemas Work to learn how Remote API uses JSON Schemas and how json-schema-form is integrated. Once you are done, you’ll better understand the section below.

</aside>

Custom Field Types

json-schema-form provides a set of core inputTypes:

• (click to expand)

The library also allows passing custom inputTypes. At Remote, we also created the following ones: (toggle each one for examples)

• countries - similar to select, specific for when each oneOf is a country.
• hidden - applied to any field. Similar to the native HTML hidden attribute, where the field holds some information irrelevant to the user.
• money - similar to number, specific for fields with money values. It’s commonly used with the presentation.currency.
• textarea - similar to text but allowing even more space for text.