@dnb/eufemia/docs/uilib/extensions/forms/Iterate/ItemNo.md

DNB Eufemia Design System UI Library

---
title: 'Iterate.ItemNo'
description: '`Iterate.ItemNo` is a helper component that can be used to render the current item number (index) in a given string.'
version: 10.104.0
generatedAt: 2026-04-17T18:46:12.430Z
checksum: 090b7d977ba4be5e2c4c04d199a30a4048416c59f443a56985df2f80629d9c40
---

# Iterate.ItemNo

## Import

```tsx
import { Iterate } from '@dnb/eufemia/extensions/forms'
render(<Iterate.ItemNo />)
```

## Description

`Iterate.ItemNo` is a helper component that can be used to render the current item number (index) in a given string. It will replace `{itemNo}` with the current item number.

```tsx
import { Form, Iterate } from '@dnb/eufemia/extensions/forms'

const myString = 'Item no. {itemNo}'

render(
  <Iterate.Array value={['foo', 'bar']}>
    <Form.SubHeading>
      <Iterate.ItemNo>{myString}</Iterate.ItemNo>
    </Form.SubHeading>
  </Iterate.Array>
)
```

## Demos

### Default

```tsx
render(
  <Iterate.Array value={['foo', 'bar']}>
    <Form.SubHeading>
      <Iterate.ItemNo>{'Item no. {itemNo}'}</Iterate.ItemNo>
    </Form.SubHeading>
  </Iterate.Array>
)
```