@instructure/ui-dialog

---

category: packages

ui-dialog

     

A utility component for managing keyboard accessibility and screen reader behavior.

Components

The ui-dialog package contains the following:

• Dialog

Installation

yarn add @instructure/ui-dialog

Usage

import React from 'react'
import { Dialog } from '@instructure/ui-dialog'

const MyDialog = () => {
  return (
    <Dialog open={this.state.open}>
      Hello world
    </Dialog>
  )
}