koumoul-dev / vuetify-jsonschema-form

Create beautiful and low-effort forms that output valid data. Published on npm as @koumoul/vjsf.
https://koumoul-dev.github.io/vuetify-jsonschema-form/latest/
MIT License
538 stars 154 forks source link

Stepper styles #259

Closed johngtb closed 3 years ago

johngtb commented 3 years ago

Screenshot from 2021-06-14 22 05 08 I'm trying to get a flat stepper (no elevation) with full width. tried the following but no luck: "x-props": { "flat": true } "x-props": { "outlined": true } and "x-style": "width: 100%;"

albanm commented 3 years ago

Did you try the stepperProps / verticalStepperProps options ?

johngtb commented 3 years ago

For stepper props, it tuned out I was using an older version of Vuetify that doesn't support many props including "flat".

However, I found 2 fixes to Vjsf vertical stepper:

  1. full width style (copied from horizontal stepper)
  2. code typo in verticalStepperProps

Please merge https://github.com/koumoul-dev/vuetify-jsonschema-form/pull/260

albanm commented 3 years ago

thanks, merged and released in v2.0.3