element-plus-drawer

To configure an el-drawer side panel in Vue, set attributes like model-value, append-to-body, direction, and size. This reference provides the complete attribute catalog with default values and types for quick UI implementation.

Element Plus drawer emits events for open, close, and resizing signals. You can listen to these to trigger interactive behaviors and use the expose reference to programmatically close the drawer during component interactions.

To add footer content to an Element Plus drawer, you use the built-in slot semantics. This reference documents where to drop footer content and how to utilize accessible header slots before writing your Vue template.

Yes, you can use el-drawer to build a slide-over settings panel with modal behavior. You wire the v-model and modal options using the provided configuration tables to manage focus events and interactive behaviors.

The el-drawer expose API allows programmatic closure of the side panel component. It exposes methods to interactively control the drawer state, ensuring you can trigger close actions externally without relying solely on user interactions.