A <Popover>
component for react. http://popover.winmee.cn
English | 简体中文
- React Hooks: ✅
- TypeScript ✅
- Server Render ✅
- Lazy Render: ✅
- Theme: ✅
- Configurable: ✅
$ yarn add @winme/react-popover
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>
)
}
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 |
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.
react-popover
is released under the MIT license.