Number Field

Table of Contents

Options
Example: A Sorting Weight

This is an advanced-use feature, and likely not something you'll need to configure. What you probably want is the content types reference!

The number field represents a number input.

tinacms-number-field

Options

interface NumberConfig extends FieldConfig {
  component: 'number'
  name: string
  label?: string
  description?: string
  step?: string | number
}

Option	Description
`component`	The name of the plugin component. Always `'number'`.
`name`	The path to some value in the data being edited.
`label`	A human readable label for the field. Defaults to the `name`. (Optional)
`description`	Description that expands on the purpose of the field or prompts a specific action. (Optional)
`step`	The interval used when using the up and down arrows to adjust the value. (Optional)

This interfaces only shows the keys unique to the number field. Visit the Field Config docs for a complete list of options.

Example: A Sorting Weight

Below is an example of how a number field could be used to edit a weight value used for sorting blog posts.

const BlogPostForm = {
  fields: [
    {
      component: 'number',
      name: 'weight',
      label: 'Weight',
      description: 'Enter a weight for post sorting',
      step: 1,
    },
    // ...
  ],
}

Docs

Number Field

Options

Example: A Sorting Weight