zilly-ui/src/popoverDown/popoverDown.mdx

Zilly web react ui components

---
name: Popover
---

import { Playground, Props } from "docz";
import  Popover  from "./index";

## Popover

### Props

| Property | Description | Type | Default |
:---|:---|:---|:---|
| title | Popover title | string|ReactNode | - |
| content | Popover content | string|ReactNode | - |
| placement | Popover position('top'|'left'|'right'|'bottom'|'topLeft'|'topRight'|'bottomLeft'|'bottomRight'|'leftTop'|'leftBottom'|'rightTop'|'rightBottom') | string | - | 
| trigger | Trigger mode('click'|'hover') | string | 'click' |
| visible | isshow Popover | boolean | false |
| defaultVisible | default visible Popover | boolean | false |
| onVisibleChange | popover visible callback | visible:boolean)=>void | - |
| overlayClassName | popover class | string | - |

### base usage

<Playground>
    <Popover overlayClassName="unit-popover" content={<p>hello zilly</p>} placement="right" trigger="click" title="">
        <div>hello zilly</div>
    </Popover>
</Playground>