@winme/react-popover

react-popover

A <Popover> component for react.

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.