Modal

Type: React component

An overlay covering the entire dimensions of the viewport, often used to input information using a form.

A modal is interruptive, since all interaction in the rest of the application is being blocked until the modal is submitted or cancelled. For this reason modals should be used sparingly.

Expects a ModalHeader, ModalBody and/or ModalFooter component as direct children.

Props

  1. children

    (Optional)

    Type: ReactNode

  2. connotation

    (Optional)

    Type: String

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

    • 'warning'

    Default value

  3. isFullHeight

    (Optional)

    Default value

  4. onKeyDown

    (Optional)

    Default value

  5. size

    (Optional)

    Type: String

    The size of the modal, should be determined based on the contents of the modal. The possible values are:

    • 's'

    • 'm'

    • 'l'

    • 'none' The modal doesn't have a maximum width: it stretches to the width of the window minus some padding on the left and right

    Default value