DocsAPI ReferenceFieldsNumber

Number

Render a number input. Extends Base.

Interactive Demo
Example
5
const config = {
  components: {
    Example: {
      fields: {
        myNumber: {
          type: "number",
        },
      },
      render: ({ myNumber }) => {
        return <div>{myNumber}</div>;
      },
    },
  },
};

Params

ParamExampleTypeStatus
typetype: "number"”number”Required
maxmax: 10number-
minmin: 0number-

Required params

type

The type of the field. Must be "number" for Number fields.

const config = {
  components: {
    Example: {
      fields: {
        myNumber: {
          type: "number",
        },
      },
      // ...
    },
  },
};

Optional params

max

The maximum numeric value allowed.

const config = {
  components: {
    Example: {
      fields: {
        myNumber: {
          type: "number",
          max: 10,
        },
      },
      // ...
    },
  },
};
Interactive Demo
Example
5

min

The minimum numeric value allowed.

const config = {
  components: {
    Example: {
      fields: {
        myNumber: {
          type: "number",
          min: 0,
        },
      },
      // ...
    },
  },
};
Interactive Demo
Example
5
ExternalObject