@instructure/ui-modal

---

category: packages

ui-modal

     

A component for displaying content in a dialog overlay.

Components

The ui-modal package contains the following:

• Modal

Installation

yarn add @instructure/ui-modal

Usage

import React from 'react'
import { Modal } from '@instructure/ui-modal'

const MyModal = () => {
  return (
    <Modal>
      <Modal.Header>
        My Modal
      </Modal.Header>
      <Modal.Content>
        Hello world
      </Modal.Content>
    </Modal>
  )
}

For detailed usage and documentation, see Modal examples.