# @fluentui/react-focus

> Focus helpers to be used in React applications.

Latest version **8.10.7** (published 2026-06-30) · MIT license · 0 weekly downloads

## Install

```sh
npm install @fluentui/react-focus
pnpm add @fluentui/react-focus
yarn add @fluentui/react-focus
bun add @fluentui/react-focus
```

## Health

**Score 70/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score; popular repo.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 8.10.7 |
| Published | 2026-06-30 |
| First published | 2020-02-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 928.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20295 |
| Maintainers | chrisdholt, miroslavstastny, levithomason, uifabricteam, uifrnbot, layershifter, justslone, microsoft1es, sopranopillow |

## Links

- npm: https://www.npmjs.com/package/@fluentui/react-focus
- Repository: https://github.com/microsoft/fluentui
- Homepage: https://github.com/microsoft/fluentui#readme
- Issues: https://github.com/microsoft/fluentui/issues
- npm.io page: https://npm.io/package/@fluentui/react-focus

## Dependencies (6)

- [tslib](https://npm.io/package/tslib.md) ^2.1.0
- [@fluentui/utilities](https://npm.io/package/@fluentui/utilities.md) ^8.17.2
- [@fluentui/set-version](https://npm.io/package/@fluentui/set-version.md) ^8.2.24
- [@fluentui/keyboard-key](https://npm.io/package/@fluentui/keyboard-key.md) ^0.4.23
- [@fluentui/merge-styles](https://npm.io/package/@fluentui/merge-styles.md) ^8.6.14
- [@fluentui/style-utilities](https://npm.io/package/@fluentui/style-utilities.md) ^8.15.2

## Recent versions

- 8.10.7 (latest) — 2026-06-30
- 7.18.17 (lts-7) — 2022-10-31
- 8.0.0-beta.25 (beta) — 2021-02-25
- 8.10.6 — 2026-05-11
- 8.10.5 — 2026-02-26
- 8.10.4 — 2026-01-27
- 8.10.3 — 2025-12-10
- 8.10.2 — 2025-11-26
- 8.10.1 — 2025-11-11
- 8.10.0 — 2025-10-23
- 8.9.29 — 2025-10-16
- 8.9.28 — 2025-10-14
- 8.9.27 — 2025-10-09
- 8.9.26 — 2025-08-26
- 8.9.25 — 2025-05-16
- … 292 more at https://npm.io/package/@fluentui/react-focus/versions

## README

# @fluentui/react-focus

**Focus management components for [Fluent UI React](https://dev.microsoft.com/fabric)**

This package contains various components that deal with focus management to be leveraged when building applications using Fluent UI.

At the moment, these components include:

- `FocusZone`

To import a component from the `@fluentui/react-focus` package:

```js
import { ComponentName } from '@fluentui/react-focus';
```

---
_Source: https://npm.io/package/@fluentui/react-focus · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._