Campos de texto

Campo de texto simples

O widget mais básico é o campo de texto, que permite ao usuário inserir strings simples.

Se você definir uma propriedade string sem outros parâmetros de configuração, obterá um campo de texto:

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

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

O tipo de dado é string ou number.

Internamente, o componente utilizado é TextFieldBinding.

Campo de texto multilinha

Use um campo multilinha quando quiser permitir que o usuário insira strings que possam conter quebras de linha.

Defina o flag multiline como true em uma propriedade string.

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

buildProperty({
    dataType: "string",
    name: "Descrição",
    multiline: true,
    validation: {
        // ...
    }
});

O tipo de dado é string.

Internamente, o componente utilizado é TextFieldBinding.

Campo de texto Markdown

Você pode usar um campo markdown quando quiser que o usuário final utilize recursos avançados de edição de texto no formato Markdown.

Defina o flag markdown como true em uma propriedade string.

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

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

O tipo de dado é string.

Internamente, o componente utilizado é MarkdownEditorFieldBinding.

Campo de URL

Você pode usar um campo URL quando quiser garantir que a entrada do usuário final seja uma URL válida.

Defina o flag url como true em uma propriedade string.

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

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

O tipo de dado é string.

Internamente, o componente utilizado é TextFieldBinding.

Campo de e-mail

Você pode usar um campo de e-mail quando quiser garantir que a entrada do usuário final seja um e-mail válido.

Defina o flag email como true em uma propriedade string.

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

buildProperty({
    dataType: "string",
    name: "E-mail do usuário",
    email: true,
    validation: {
        // ...
    }
});

O tipo de dado é string.

Internamente, o componente utilizado é TextFieldBinding.