Modal

Last Update : 14 August, 2023 | Published : 01 July, 2023 | 1 Min Read

Modal - is used to inform users about a important decision or task. Usually appears when:

  • Deleting elements from a list until user delete/cancels.
  • Disabling app functionalities until user confirms/cancels.

Import

import Modal from '@intelops/intelops_ui/packages/react/components/Modal/src';

Create a Modal

<Modal
    header="Modal Testing"
    modalExit={true}
    content="Conent Here"
    footer={true}
    />

Props

NameTypeDescription
idstringUnique to each element can be used to lookup an element getElementById( )
classNamestringTo add new or to override the applied styles
headerstringModal Header
footerbooleanIf your modal needs footer add true else say false
modalExitbooleanIf you need a close button for your modal add true, else false
contentstringContent on the modal

Looking for Cloud-Native Implementation?

Finding the right talent is pain. More so, keeping up with concepts, culture, technology and tools. We all have been there. Our AI-based automated solutions helps eliminate these issues, making your teams lives easy.

Contact Us