/react-popover

A popover component for react.

Primary LanguageTypeScriptMIT LicenseMIT

react-popover

A <Popover> component for react. http://popover.winmee.cn

English | 简体中文

Features

  • React Hooks: ✅
  • TypeScript
  • Server Render
  • Lazy Render: ✅
  • Theme: ✅
  • Configurable: ✅

Install

$ yarn add @winme/react-popover

Usage

import Popover from '@winme/react-popover'
import '@winme/react-popover/dist/index.css'

export default function App() {
  return (
    <Popover content="some message">
      <span>Click</span>
    </Popover>
  )
}

Props

Prop Type Required Default Description
theme string false light color theme. one of ['light', 'dark']
trigger string false hover trigger popover method. one of ['hover', 'click']
position string false bottomLeft how position the popover. one of ['topLeft', 'top', 'topRight', 'rightTop', 'right', 'rightBottom', 'bottomRight', 'bottom', 'bottomLeft', 'leftBottom', 'left', 'leftTop']
content ReactNode true popover content
children ReactNode true popover reference

Contributing

We very much welcome your contribution, you can build together with us in the following ways 😃

  • Use Ant Design Pro in your daily work.
  • Submit GitHub issues to report bugs or ask questions.
  • Propose Pull Request to improve our code.

License

react-popover is released under the MIT license.