There is a newer version of Luda.

Let's go!


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


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.



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

Use the disabled attribute to disable a button.


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

Use the disabled attribute to disable a form element.

Sass Variables

$opacity-disabled: $opacity-muted !default