ModalHeader

How to get ModalHeader

import { ModalHeader } from 'fds/components';

Type: Component

Serves as the header of the modal, rendering a Heading and an optional Icon. Additionally a connotation prop can be set to specify the severity of the modal. The content of this header should describe the purpose of the modal in a summarized manner.

Should be used as a direct child of a Modal component.

Props

# Name Type Description
1. [connotation] String

Specifies the meaning and/or severity of the given context. The possible values are:

  • 'warning'


  Default value
null
2. [icon] String

The name of the icon displayed in the component.

This should be one of the FontAwesome (v5 Pro) icon names with an optional style prefix ('far ' is the default prefix). For more info, see the Font Awesome concept page.

  Default value
null
3. [title] String

The title displayed in the component, generally presented inside a Heading component.

  Default value
null

Related links

Was this page helpful?