Dialog

Component which renders a Dialogue in a pop-up

Props

Name	Type	Optional	Description
children	any	False	Child components to display inside the Dialog
closeScrim	void	False	Provides a url for avatars being used as a link.
header	string	False	The title of the Dialog window
height	string	True	The height of the Dialog window
isOpen	boolean	False	Whether the Dialog is open or not
width	string	True	The width of the Dialog window

Returns

A React component

Usage

Code example:

() => { const [isOpen, setIsOpen] = React.useState(0); return ( <> <button onClick={() => setIsOpen(1)}>Show</button> <Dialog isOpen={isOpen} header={'The header'} closeScrim={() => setIsOpen(0)}> Some content </Dialog> </> ) }

() => {
  const [isOpen, setIsOpen] = React.useState(0);
  return (
    <>
      <button onClick={() => setIsOpen(1)}>Show</button>
       <Dialog
         isOpen={isOpen}
         header={'The header'}
         closeScrim={() => setIsOpen(0)}>
           Some content
       </Dialog>
   </>
  )
}

Preview: