# Forme, percorsi e presentazioni

<PageBadges />

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.

```js
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](/it/getting-started/schema-edit) per schema e
[Modalità, posizionamento e navigazione](/it/bindings/react/modes-placement-navigation) per il sottostante
comportamento React binding.