Number

Render a number input. Extends Base.

Interactive Demo

Example

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

Params

Param	Example	Type	Status
`type`	`type: "number"`	"number"	Required
`max`	`max: 10`	number	-
`min`	`min: 0`	number	-

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

`min`

The minimum numeric value allowed.

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

Interactive Demo

Example

External Object