Not able to put content to <el-step> for element-ui

Hi there,
of element-ui as given in the following URL https://jsfiddle.net/f394zr06/4/ ; I not able to put content (form content ) inside .i tried using descrption property of it, but cant put form conent.

Thanks in advance.

<el-steps> in element-ui only comes with step bar only, for step panel or sections you need to write your own condition with v-if. You can refer example https://jsfiddle.net/Jayesh_v/hnzbcy59/

<el-steps :active="active" finish-status="success">
  <el-step title="Step 1"></el-step>
  <el-step title="Step 2"></el-step>
  <el-step title="Step 3"></el-step>
</el-steps>

<el-form v-if="active===1">
...
</el-form>

<el-form v-if="active===2">
....
</el-form>

<el-form v-if="active===3">
....
</el-form>
1 Like

Thank you very much Jayesh.

Thanks Jayesh!