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

Name Type Description
id string Unique to each element can be used to lookup an element getElementById( )
className string To add new or to override the applied styles
header string Modal Header
footer boolean If your modal needs footer add true else say false
modalExit boolean If you need a close button for your modal add true, else false
content string Content 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