Focus ring

Typescript ❤️

A focus ring clearly indicates which item has keyboard focus.

Install

yarn add @atlaskit/focus-ring

npm

Source

Bundle

Latest

3.0.0

#117363 10a0f7f6c2027 - This package's peerDependencies have been adjusted for react and/or react-dom to reflect the status of only supporting React 18 going forward. No explicit breaking change to React support has been made in this release, but this is to signify going forward, breaking changes for React 16 or React 17 may come via non-major semver releases.

Please refer this community post for more details: https://community.developer.atlassian.com/t/rfc-78-dropping-support-for-react-16-and-rendering-in-a-react-18-concurrent-root-in-jira-and-confluence/87026

A focus ring is used to visually indicate the currently focused item.

import FocusRing from '@atlaskit/focus-ring';