Disabled

Prevent form elements from responding to user actions and being submitted.

Introduction

The disabled attribute can be added to buttons or form elements for form control. A disabled element cannot be focused and doesn’t respond to user actions. If a form element is disabled, it will not be submitted.

In Luda, we add an opacity rule to disabled elements. Please see the examples below for clarification.

Examples

Button

<button class="btn btn-primary" disabled>A disabled button</button>

Use the disabled attribute to disable a button.

Form

<div class="fm fm-text" disabled>
  <input disabled placeholder="A disabled text field">
</div>

Use the disabled attribute to disable a form element.

Sass Variables

$opacity-disabled: $opacity-muted !default