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.

Disabled Buttons

Use the disabled attribute to disable a button.

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

Diabled Forms

Use the disabled attribute to disable a form element.

<div class="fm fm-text" disabled>
  <input disabled placeholder="E.g., a disabled text field">
</div>

Sass Variables

$opacity-disabled: $opacity-muted !default