@instructure/ui-drawer-layout

---

category: packages

ui-drawer-layout

A main-content-plus-tray layout component

Components

The ui-drawer-layout package contains the following:

• DrawerLayout

Installation

npm install @instructure/ui-drawer-layout

Usage

import React from 'react'
import { DrawerLayout } from '@instructure/ui-drawer-layout'

const MyLayout = () => {
  return (
    <DrawerLayout>
      <DrawerLayout.Tray>Hello from layout tray</DrawerLayout.Tray>
      <DrawerLayout.Content>Hello from layout content</DrawerLayout.Content>
    </DrawerLayout>
  )
}