Vue ActionSheet - Specify Display Mode
By default, the ActionSheet comes up from the bottom of the page. If you set the usePopover property to true, the action sheet will pop over a certain element on the page. Use the target property to specify this element.
- <template>
- <DxActionSheet ...
- :use-popover="true"
- target="#actionSheetTarget"
- />
- </template>
- <script>
- import 'devextreme/dist/css/dx.light.css';
- import { DxActionSheet } from 'devextreme-vue/action-sheet';
- export default {
- components: {
- DxActionSheet
- }
- }
- </script>
See Also
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.