@instructure/ui-layout

---

category: packages

ui-layout

Installation

yarn add @instructure/ui-layout

Usage

import React from 'react'
import DrawerLayout, { DrawerTray, DrawerContent } from '@instructure/ui-layout/lib/components/DrawerLayout'

export default MyLayout = function () {
  return (
    <DrawerLayout>
      <DrawerTray>Hello from layout tray</DrawerTray>
      <DrawerContent>Hello from layout content</DrawerContent>
    </DrawerLayout>
  )
}

Components

The ui-layout package contains the following components:

• ContextView
• DrawerLayout
• Flex
• Grid
• Media
• Position
• View

Utilities

The ui-layout package contains the following utilities:

• calculateElementPosition
• addElementQueryMatchListener
• addMediaQueryMatchListener

Contribute

See the contributing guidelines for details.

License

MIT