# @fluentui/react-positioning

> A react wrapper around Popper.js for Fluent UI

Latest version **9.23.3** (published 2026-09-23) · MIT license · 0 weekly downloads

## Install

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

## 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 | 9.23.3 |
| Published | 2026-09-23 |
| First published | 2021-03-23 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 664.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20272 |
| Maintainers | uifabricteam, uifrnbot, microsoft1es, microsoft-oss-releases |

## Links

- npm: https://www.npmjs.com/package/@fluentui/react-positioning
- 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-positioning

## Dependencies (8)

- [@swc/helpers](https://npm.io/package/@swc/helpers.md) ^0.5.1
- [@griffel/react](https://npm.io/package/@griffel/react.md) ^1.5.32
- [@floating-ui/dom](https://npm.io/package/@floating-ui/dom.md) ^1.6.12
- [@floating-ui/devtools](https://npm.io/package/@floating-ui/devtools.md) ^0.2.3
- [@fluentui/react-theme](https://npm.io/package/@fluentui/react-theme.md) ^9.2.2
- [use-sync-external-store](https://npm.io/package/use-sync-external-store.md) ^1.4.0
- [@fluentui/react-utilities](https://npm.io/package/@fluentui/react-utilities.md) ^9.26.7
- [@fluentui/react-shared-contexts](https://npm.io/package/@fluentui/react-shared-contexts.md) ^9.26.4

## Recent versions

- 9.23.3 (latest) — 2026-09-23
- 0.0.0-nightly-20261002-0407.1 (nightly) — 2026-10-02
- 9.74.5-experimental.tabster-v9.20260804-bb909442fe.0 (experimental) — 2026-08-04
- 9.0.0-rc.12 (rc) — 2022-06-21
- 9.0.0-beta.4 (beta) — 2021-11-25
- 9.0.0-alpha.65 (alpha) — 2021-10-05
- 0.0.0-nightly-20260929-0404.1 — 2026-09-29
- 0.0.0-nightly-20260928-0404.1 — 2026-09-28
- 0.0.0-nightly-20260925-0403.1 — 2026-09-25
- 0.0.0-nightly-20260924-0403.1 — 2026-09-24
- 0.0.0-nightly-20260923-0404.1 — 2026-09-23
- 0.0.0-nightly-20260922-0403.1 — 2026-09-22
- 9.23.2 — 2026-09-21
- 0.0.0-nightly-20260917-0408.1 — 2026-09-17
- 0.0.0-nightly-20260916-0409.1 — 2026-09-16
- … 1395 more at https://npm.io/package/@fluentui/react-positioning/versions

## README

# @fluentui/react-positioning

A React utilities built on top of [Floating UI](https://floating-ui.com/) for positioning elements in the DOM.

## Usage

```tsx
import * as React from 'react';
import { usePositiniong } from '@fluentui/react-positioning';

const PopupExample: React.FC = ({ children }) => {
  const { targetRef, containerRef } = usePositiniong();
  const [open, setOpen] = React.useState(false);

  const onClick = () => setOpen(s => !s);
  return (
    <>
      <button ref={targetRef} onClick={onClick}>
        Toggle popup
      </button>
      {open && <div ref={containerRef}>{children}</div>}
    </>
  );
};
```

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