Copy page

Forme, percorsi e presentazioni

Schema file live sotto src/forms. Il Registro di sistema in src/forms/registry.js dà ogni modulo un percorso dell'applicazione, visualizzazione dei metadati, importazione dinamica di schema e valori iniziali opzionali.

Code
const forms = [
  {
    id: "contact",
    title: "Contact us",
    description: "Send a message to the team.",
    loadSchema: () => import("./contact/schema.json"),
  },
]

Creare il file schema corrispondente, quindi aggiungere la voce del Registro di sistema. Pezzi di costruzione separati.

Rotte

Lo starter fornisce:

• / per l'elenco dei moduli e gli esempi di sovrapposizione;
• /:formId per la presentazione standard predefinita; e
• /:formId/:variant per le presentazioni delle pagine standard o simplified.

FormPage convalida l'identificatore del modulo e la presentazione prima di caricare schema. Home possiede il esempi modali e di riflettore.

Presentazioni

Le quattro chiavi di presentazione incluse sono:

Chiave	Posizionamento
standard	Pagina del modulo completo
simplified	Pagina passo-passo
modal	Sovrapposizione di dialogo
spotlight	Sovrapposizione cassetto

Layout predefinito per ogni presentazione live in form0.config.js. Il wrapper dell'applicazione passa il risolto tema, posizionamento, modalità di interazione e dimensionamento a FormRenderer.

Usa Modifica il tuo primo authoring schema per schema e Modalità, posizionamento e navigazione per il sottostante comportamento React binding.