@rock-kit/ui-focusable v0.1.1

category: packages

ui-focusable

A utility used to identify when an element receives focus.

Components

The ui-focusable package contains the following:

• Focusable

Installation

yarn add @rock-kit/ui-focusable

Usage

import React from 'react'
import { Focusable } from '@rock-kit/ui-focusable'

const MyFocusableElement = () => {
  return (
    <Focusable>
    {({ focused }) => (
      <FocusableView focused={focused}>
        Hello! Focus me!
      </FocusableView>
    )}
    </Focusable>
  )
}