Skip to content

Import

import { Input } from '@dnb/eufemia'

Description

The input component is an umbrella component for all inputs which share the same style as the classic text input field.

Formatted input fields (masked values)

You may consider to use InputMasked for formatted strings and Eufemia Forms fields like Number and Currency for formatted numbers:

Accessibility

Please avoid using the maxlength attribute when possible, as it may lower good accessibility. You can instead, use the TextCounter component.

But you may also consider to use a multiline input with a characterCounter:

40 av 40 tegn gjenstår.

Code Editor
<Field.String
  label="Label text"
  placeholder="Enter your text"
  multiline
  rows={1}
  characterCounter={40}
/>