Disabled Opacity

You can set the components disabled state opacity globally for related Vueless components.

vueless.config.{js,ts}
export default {
  disabledOpacity: 40, /* default -> 50 (percent, %) */
}

Custom CSS variable

To implement global disabled state opacity stylings, Vueless provides custom CSS variable. Feel free to use it in your components whenever you need consistent opacity for disabled state across your project.

The variable: --vl-disabled-opacity

Last updated