.dependabot
.github
cypress
dev-test
img
packages
scripts
website
content
blog
docs
widgets
boolean.md
date.md
datetime.md
file.md
hidden.md
image.md
list.md
map.md
markdown.md
number.md
object.md
relation.md
select.md
string.md
text.md
add-to-your-site.md
architecture.md
authentication-backends.md
beta-features.md
cloudinary.md
collection-types.md
configuration-options.md
contributor-guide.md
custom-widgets.md
customization.md
deploy-preview-links.md
examples.md
gatsby.md
hugo.md
intro.md
jekyll.md
middleman.md
netlify-large-media.md
nextjs.md
nuxt.md
open-authoring.md
start-with-a-template.md
update-the-cms-version.md
uploadcare.md
widgets.md
writing-style-guide.md
pages
.keep
data
src
static
.babelrc
.gitignore
.nvmrc
.stylelintrc
README.md
gatsby-browser.js
gatsby-config.js
gatsby-node.js
netlify.toml
package.json
postcss.config.js
yarn.lock
.all-contributorsrc
.editorconfig
.eslintrc
.gitignore
.nvmrc
.prettierignore
.prettierrc
.stylelintrc
CHANGELOG.md
CODE_OF_CONDUCT.md
CONTRIBUTING.md
LICENSE
README.md
babel.config.js
custom-preprocessor.js
cypress.json
jest.config.js
lerna.json
netlify.toml
package.json
renovate.json
setupTestFramework.js
yarn.lock
28 lines
937 B
Markdown
28 lines
937 B
Markdown
---
|
|
label: "Number"
|
|
title: number
|
|
---
|
|
|
|
The number widget uses an HTML number input, saving the value as a string, integer, or floating point number.
|
|
|
|
- **Name:** `number`
|
|
- **UI:** HTML [number input](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number)
|
|
- **Data type:** string by default; configured by `valueType` option
|
|
- **Options:**
|
|
- `default`: accepts string or number value; defaults to empty string
|
|
- `valueType`: accepts `int` or `float`; any other value results in saving as a string
|
|
- `min`: accepts a number for minimum value accepted; unset by default
|
|
- `max`: accepts a number for maximum value accepted; unset by default
|
|
- `step`: accepts a number for stepping up/down values in the input; 1 by default
|
|
- **Example:**
|
|
```yaml
|
|
- label: "Puppy Count"
|
|
name: "puppies"
|
|
widget: "number"
|
|
default: 2
|
|
valueType: "int"
|
|
min: 1
|
|
max: 101
|
|
step: 2
|
|
```
|