Vue Stepper Buttons Localization


Topic: Vue Stepper Buttons Localization

janvolkert asked 5 years ago

I cannot find the correct way to localize the Stepper component. The buttons are next/previous, how can I change that? I also don't understand why it selects indigo as button color whereas it's not in my skin or anywehere - am I missing something here?


Magdalena Dembna staff premium answered 5 years ago

Hi, Previously, mdbStepper was available in only one colour - it was quite close to our indigo. Not every component will be affected by the skin, this one requires customization. Since 6.0.0 we have introduced new options and properties to control that. Take a look at this example with customized colours: https://mdbootstrap.com/docs/vue/components/stepper/#color-variations. You can open the API tab on the stepper page and scroll down to Default stepper - data structure - here you can see all available options for next/prev buttons as well as step buttons and horizontal line. The idea is that you can freely adjust active colours, change the styling to outline, etc. I would love to hear your feedback about this component and document. Kind regards, Magdalena


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.0.0
  • Device: laptop
  • Browser: chrome
  • OS: windows10
  • Provided sample code: No
  • Provided link: No