React Common - Object Structures - positionConfig - at
Specifies the target element's side or corner where the overlay element should be positioned.
Accepted Values: 'bottom' | 'center' | 'left' | 'left bottom' | 'left top' | 'right' | 'right bottom' | 'right top' | 'top'
To set this property, use an object with the x and y fields. These fields specify the target element's horizontal and vertical sides, respectively. Alternatively, you can use a string shortcut from the accepted values list.
App.js
- import React from 'react';
- import 'devextreme/dist/css/dx.common.css';
- import 'devextreme/dist/css/dx.light.css';
- import Popup, {
- Position,
- At
- } from 'devextreme-react/popup';
- class App extends React.Component {
- render() {
- return (
- <Popup ... >
- <Position
- at="left top">
- {/* or */}
- <At x="left" y="top" />
- </Position>
- </Popup>
- );
- }
- }
- export default App;
Feel free to share topic-related thoughts here.
If you have technical questions, please create a support ticket in the DevExpress Support Center.
Thank you for the feedback!
If you have technical questions, please create a support ticket in the DevExpress Support Center.