Disabled State

Apply the Skyline default disabled state in your SCSS

• How to
  • SCSS Example:
• SCSS

How to

To pull the disabled styling into your SCSS, include the mixin like this:

SCSS Example:

.your-element-that-needs-disabled-state {
  @include skyline-disabled-state;
}

SCSS

SCSS file imports

To use these styles in a Vue component SCSS, you’ll need:

@import '~@skyline/scss/src/core/UI.required';

@include skyline-disabled-state();

Output