Number
import { buildProperty } from "@firecms/core";
const rangeProperty = buildProperty({ name: "Range", validation: { min: 0, max: 3 }, dataType: "number"});clearable
Sección titulada «clearable»Agrega un icono para limpiar el valor y establecerlo en null. Por defecto es false
enumValues
Sección titulada «enumValues»Puedes usar los valores enum proporcionando un mapa de posibles valores exclusivos que la propiedad puede tomar, mapeados a la etiqueta que se muestra en el dropdown.
import { buildProperty, buildEnumValueConfig } from "@firecms/core";
const property = buildProperty({ name: "Status", dataType: "number", enumValues: [ buildEnumValueConfig({ id: "-1", label: "Lightly tense", color: "redLighter" }), buildEnumValueConfig({ id: "0", label: "Normal", color: "grayLight" }), buildEnumValueConfig({ id: "1", label: "Lightly relaxed", color: "blueLighter" }) ]});validation
Sección titulada «validation»requiredSi este campo debe ser obligatorio.requiredMessageMensaje a mostrar como error de validación.minEstablecer el valor mínimo permitido.maxEstablecer el valor máximo permitido.lessThanEl valor debe ser menor que.moreThanEl valor debe ser mayor que.positiveEl valor debe ser un número positivo.negativeEl valor debe ser un número negativo.integerEl valor debe ser un entero.
Los widgets que se crean son
TextFieldBindingcampo de texto genéricoSelectFieldBindingsi se establecenenumValuesen la configuración del string, este campo renderiza un select donde cada opción es un chip coloreado.
Enlaces: