# Form Button

## Goals 

### Add 

* Icon support 
* Disable support 
*

<https://x-form-component-test.design.webflow.com/?workflow=canvas>

## Native&#x20;

|          | Native                       | Core                                   |
| -------- | ---------------------------- | -------------------------------------- |
| Button   | Button text                  |                                        |
| Waiting  | Text shown during submission |                                        |
| Disabled | Unsupported                  | Has a property, but property is wiped. |

```html
<input
  type="submit"
  class="w-button"
  value="Submit"
  data-wait="Please wait..."
/> 
```

## Extended&#x20;

### Disabled&#x20;

Add a boolean `disabled` attribute to the `<input>`&#x20;

{% hint style="warning" %}
Webflow currently does not directly support boolean attributes in components.&#x20;

This makes it difficult to remove the field explicitly.&#x20;

Can do binding of the name instead but this exposes the component.&#x20;
{% endhint %}

{% hint style="danger" %}
Webflow\.js currently removes this attribute on form init.&#x20;
{% endhint %}