{"size": 475, "ext": "js", "max_stars_repo_path": "packages/component/src/components/overlay/demo/demo6.js", "max_stars_repo_name": "pushiming/console-components", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "packages/component/src/components/overlay/demo/demo6.js", "max_issues_repo_name": "pushiming/console-components", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "packages/component/src/components/overlay/demo/demo6.js", "max_forks_repo_name": "pushiming/console-components", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 23.75, "max_line_length": 54, "alphanum_fraction": 0.6273684211}
import React from 'react'
import { Overlay } from '@alicloud/console-components'
import './demo6.less'

const { Popup } = Overlay

const Demo6 = () => (
  <div className="scroll-container">
    <Popup trigger={<button>Open</button>}
      triggerType="click"
      container={trigger => trigger.parentNode}>
      <div className="overlay-demo">
        Hello World From Popup!
      </div>
    </Popup>
    <div style={{ height: '300px' }} />
  </div>
)

export default Demo6