@instructure/ui-focusable

---

category: packages

ui-focusable

Installation

yarn add @instructure/ui-focusable

Usage

import React from 'react'
import Focusable from '@instructure/ui-focusable/lib/components/Focusable'

export default MyFocusable = function () {
  return (
    <Focusable>
    {({ focused }) => (
      <FocusableView focused={focused}>
        Hello! Focus me!
      </FocusableView>
    )}
    </Focusable>
  )
}

Components

The ui-focusable package contains the following:

• Focusable