#Getting Started

#How to Use?

#Use via Package Import

Official form materials can be used directly through package import:

npm install @flowgram.ai/form-materials

import { JsonSchemaEditor } from '@flowgram.ai/form-materials'

#Add Material Source Code via CLI

If your business has customization requirements for components (e.g., changing text, styles, business logic), it is recommended to add material source code to the project via CLI for customization:

npx @flowgram.ai/cli@latest materials

After running, the CLI will prompt the user to select materials to add to the project:

? Select one material to add: (Use arrow keys)
❯ components/json-schema-editor
  components/type-selector
  components/variable-selector

Users can also directly add source code for specified materials via CLI:

npx @flowgram.ai/cli@latest materials components/json-schema-editor

After the CLI runs successfully, the relevant materials will be automatically added to the src/form-materials directory under the current project.