Skip to content

FormStatus

Description

The FormStatus is a simple component meant for displaying the status of a form ( displaying form errors, messages etc. ) The FormStatus component should be positioned relative to the form or form input to which it referring to.

Also, the FormStatus is used inside of many other form components.

The FormStatus component cooperates together with the GlobalStatus component to summaries and have several status messages in once place.

Use the FormStatus icons only

  • Info icon: info
  • Error icon: error
import { InfoIcon } from 'dnb-ui-lib/components/FormStatus
render(<InfoIcon />)

... or in combination with the Icon component. Have a look at this example.

Demos

FormStatus displaying error status

Failure text

FormStatus displaying info status

Long info nisl tempus hendrerit tortor dapibus nascetur taciti porta risus cursus fusce platea enim curabitur proin nibh ut luctus magnis metus

A form status, used by the Input Component

You have to fill in this field

A form status, with a custom styled content

My info with a link and more text

A form status with plain text/HTML

My HTML with a link and more text

In combination with the Icon component