Campi di testo

Campo di testo semplice

Il widget più basilare è il campo di testo, che permette all’utente di inserire semplici stringhe.

Se definisci una proprietà stringa senza altri parametri di configurazione, otterrai un campo di testo:

import { buildProperty } from "@firecms/core";

buildProperty({
    dataType: "string",
    name: "Nome",
    validation: {
        // ...
    }
});

Il tipo di dato è string o number.

Il componente utilizzato internamente è TextFieldBinding.

Campo di testo multiriga

Usa un campo multiriga quando vuoi permettere all’utente di inserire stringhe che possono contenere interruzioni di riga.

Imposta il flag multiline su true in una proprietà stringa.

import { buildProperty } from "@firecms/core";

buildProperty({
    dataType: "string",
    name: "Descrizione",
    multiline: true,
    validation: {
        // ...
    }
});

Il tipo di dato è string.

Il componente utilizzato internamente è TextFieldBinding.

Campo di testo Markdown

Puoi usare un campo markdown quando vuoi che l’utente finale utilizzi le capacità di modifica avanzata del testo nel formato Markdown.

Imposta il flag markdown su true in una proprietà stringa.

import { buildProperty } from "@firecms/core";

buildProperty({
    dataType: "string",
    name: "Testo del blog",
    markdown: true,
    validation: {
        // ...
    }
});

Il tipo di dato è string.

Il componente utilizzato internamente è MarkdownEditorFieldBinding.

Campo URL

Puoi usare un campo URL quando vuoi assicurarti che l’input dell’utente finale sia un URL valido.

Imposta il flag url su true in una proprietà stringa.

import { buildProperty } from "@firecms/core";

buildProperty({
    dataType: "string",
    name: "Link Amazon",
    url: true,
    validation: {
        // ...
    }
});

Il tipo di dato è string.

Il componente utilizzato internamente è TextFieldBinding.

Campo Email

Puoi usare un campo email quando vuoi assicurarti che l’input dell’utente finale sia un’email valida.

Imposta il flag email su true in una proprietà stringa.

import { buildProperty } from "@firecms/core";

buildProperty({
    dataType: "string",
    name: "Email utente",
    email: true,
    validation: {
        // ...
    }
});

Il tipo di dato è string.

Il componente utilizzato internamente è TextFieldBinding.