Built-in Transition

You can use Element's built-in transitions directly. Before that, please read the transition docs.

Fade

Zoom

Collapse

For collapse effect, use the el-collapse-transition component.

On-demand import

// collapse
import { ElCollapseTransition } from 'element-plus'
// fade/zoom
import 'element-plus/lib/theme-chalk/base.css'
import App from './App.vue'

const app = createApp(App)
app.component(ElCollapseTransition.name, ElCollapseTransition)