Dont Want Icons

[hamzaafzal9009]

Is there any way to hide icons and place text instead of icon?

[SlyDave]

You can set icon to nothing, and it'll place the step number in it. <tab-content title="Selection" icon="">

Or you can replace the entire step markup:

      <template slot="step" scope="props">
        Testing
      </template>

if doing this take note there are some scoped props you can use; see: https://binarcode.github.io/vue-form-wizard/#/?id=step-slot

The base template uses the wizard-step component:

<template slot="step" scope="props">
        <wizard-step :tab="props.tab"
        :transition="props.transition"
        :index="props.index">
        </wizard-step>
</template>

[avambro]

@hamzaafzal9009 have you found any solution ?

[dohahelmy]

For icons use background image for both wizard-icon-circle and wizard-icon-container to include the icon in. I used svg icon and it worked.

[duongtdvn]

For icons use background image for both wizard-icon-circle and wizard-icon-container to include the icon in. I used svg icon and it worked.

did you mean the css?

[dohahelmy]

did you mean the css?

Yes. apply new CSS styles and it will solve the problem

[mathipa]

wizard-icon-circle

@duongtdvn could you please share the code or repo.