@winme/react-popover NPM

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