Skip to content
Home

ItemNo

Info
Demos

Import

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.

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

Item no. 1

Item no. 2

Code Editor
<Iterate.Array value={['foo', 'bar']}>
  <Form.SubHeading>
    <Iterate.ItemNo>{'Item no. {itemNo}'}</Iterate.ItemNo>
  </Form.SubHeading>
</Iterate.Array>