How to use @instructure/ui-portal - 3 common examples
To help you get started, we’ve selected a few @instructure/ui-portal examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
instructure / instructure-ui / packages / ui-overlays / src / Overlay / index.js View on Github 
{...omitProps(this.props, Overlay.propTypes)}
{...pickProps(this.props, Dialog.propTypes)}
defaultFocusElement={this.props.defaultFocusElement}
open={this.state.open}
>
{this.props.children}
)
if (this.props.transition) {
content = this.renderTransition(content)
}
return (
{content}
)
}
}* SOFTWARE.
*/
import React, { Component } from 'react'
import deprecated, { changedPackageWarning } from '@instructure/ui-utils/lib/react/deprecated'
import UIPortal from '@instructure/ui-portal/lib/components/Portal'
@deprecated('5.0.0', null, changedPackageWarning(
'ui-core',
'ui-portal'
))
class Portal extends Component {
static propTypes = {
...UIPortal.PropTypes
}
render () {
return
}
}
export default Portal{...pickProps(this.props, FocusRegion.propTypes)}
defaultFocusElement={this.props.defaultFocusElement}
open={this.state.open}
role="region"
>
{this.props.children}
)
if (this.props.transition) {
content = this.renderTransition(content)
}
return (
{content}
)
}
}@instructure/ui-portal
A UI component library made by Instructure Inc.
