The Drawer is a dismissible or permanently visible panel used for navigation in responsive web application layouts.
import DxDrawer from "devextreme-vue/drawer"
The Drawer UI component is not designed to contain another Drawer. Do not use nested Drawers to avoid possible issues in your application.
See AlsoThis section describes properties that configure the Drawer UI component's contents, behavior and appearance.
Name Description activeStateEnabledSpecifies whether the UI component changes its visual state as a result of user interaction.
animationDurationSpecifies the duration of the drawer's opening and closing animation (in milliseconds). Applies only if animationEnabled is true.
animationEnabledSpecifies whether to use an opening and closing animation.
closeOnOutsideClickSpecifies whether to close the drawer if a user clicks or taps the view area.
componentAn alias for the template property specified in React. Accepts a custom component. Refer to Using a Custom Component for more information.
disabledSpecifies whether the UI component responds to user interaction.
elementAttrSpecifies the global attributes to be attached to the UI component's container element.
heightSpecifies the view's height.
hintSpecifies text for a hint that appears when a user pauses on the UI component.
hoverStateEnabledSpecifies whether the UI component changes its state when a user pauses on it.
maxSizeSpecifies the drawer's width or height (depending on the drawer's position) in the opened state.
minSizeSpecifies the drawer's width or height (depending on the drawer's position) in the closed state.
onDisposingA function that is executed before the UI component is disposed of.
onInitializedA function used in JavaScript frameworks to save the UI component instance.
onOptionChangedA function that is executed after a UI component property is changed.
openedSpecifies whether the drawer is opened.
openedStateModeSpecifies how the drawer interacts with the view in the opened state.
positionSpecifies the drawer's position in relation to the view.
renderAn alias for the template property specified in React. Accepts a rendering function. Refer to Using a Rendering Function for more information.
revealModeSpecifies the drawer's reveal mode.
rtlEnabledSwitches the UI component to a right-to-left representation.
shadingSpecifies whether to shade the view when the drawer is opened.
templateSpecifies the drawer's content.
visibleSpecifies whether the Drawer UI component (including the view) is visible.
widthSpecifies the view's width.
This section describes the methods that control the Drawer UI component.
This section describes events that the Drawer UI component raises.
Feel free to share topic-related thoughts here.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4