@fluentui/react-popover

@fluentui/react-popover

React Popover components for Fluent UI React

These are not production-ready components and should never be used in product. This space is useful for testing new components whose APIs might change before final release.

To import React Popover components:

import { Popover, PopoverTrigger, PopoverSurface } from '@fluentui/react-popover';

<Popover>
  <PopoverTrigger>
    <button>Controls popover</button>
  </PopoverTrigger>

  <PopoverSurface>
    <div className={example}>
      <h3>Popover content</h3>

      <div>This is some popover content</div>
    </div>
  </PopoverSurface>
</Popover>;

Similar packages

Other packages similar to @fluentui/react-popover

react-bootstrap

React-Bootstrap is a popular library that provides Bootstrap components as React components. It includes a Popover component that offers similar functionality to @fluentui/react-popover, with easy integration and customization options.

material-ui

Material-UI is a comprehensive library of React components that implement Google's Material Design. It includes a Popover component that provides similar functionality to @fluentui/react-popover, with a focus on design consistency and ease of use.

react-tippy

React-Tippy is a lightweight library for creating tooltips and popovers in React. It offers a simple API and a variety of customization options, making it a good alternative to @fluentui/react-popover for developers looking for a more minimalistic solution.