---
title: "Number"
description: "This article explains what the number field is and how to configure it."
meta_title: "Number"
category: "fields"
audience: developers
lastUpdated: "2025-11-06T01:07:50.000Z"
---

The number field allows content writers to provide a number. The number can be an integer (e.g. `3`) or a float (e.g. `3.14`).

Number field values can be used like a number in JavaScript.

**Next.js example:**

```tsx
<span>My age: {slice.primary.age}</span>
```

**Nuxt example:**

```vue-html
<span>My age: {{ slice.primary.age }}</span>
```

**SvelteKit example:**

```svelte
<span>My age: {slice.primary.age}</span>
```

# Add a number field to a content model

1. **Open Slice Machine**

   In your Prismic project, start Slice Machine to begin editing content models.

   ```sh
   npx start-slicemachine --open
   ```

2. **Add a number field**

   In Slice Machine, navigate to the slice, page type, or custom type you want to modify. Add a **number** field.

   The **label** determines the label shown to content writers in the [Page Builder](https://prismic.io/docs/guides/page-builder.md). Use an easily understood name.

   The **API ID** determines the property name in the Content API. Use a short, snake-cased name.

# Use number fields

Number fields can be used like a number in JavaScript.

**Next.js example:**

```tsx
<span>My age: {slice.primary.age}</span>
```

**Nuxt example:**

```vue-html
<span>My age: {{ slice.primary.age }}</span>
```

**SvelteKit example:**

```svelte
<span>My age: {slice.primary.age}</span>
```

# Check if a number field has a value

Use `isFilled.number()` from [`@prismicio/client`](https://prismic.io/docs/technical-reference/prismicio-client/v7.md) to check if a number field has a value.

```ts
import { isFilled } from "@prismicio/client";

if (isFilled.number(slice.primary.my_number_field)) {
  // Do something if `my_number_field` has a value.
}
```

[Learn more about `isFilled`](https://prismic.io/docs/technical-reference/prismicio-client/v7.md#isfilled)

# API response

Here is what a number field looks like from the Content API:

```json
{
  "example_number": 3.14
}
```