Html button disabled

<button type="button" disabled>This button is disabled</button>

Style disabled button

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
}

Source: stackoverflow.com

Enable html button

$('#Button').prop('disabled', true);

Source: stackoverflow.com

Use disabled= in button

<button type="button" disabled={condition? condition_true : condition_false}>Disabled with ternary</button>

ex: disabled={coin > 0 ? buy_a_car() : "No money"}

Disable button

collector.on('collect', async i => {
    if (i.customId === 'id_1') {
        row.components[0].setDisabled(true) //disables but_1
    }
    if (i.customId === 'id_2') {
        row.components[1].setDisabled(true) //disables but_2
    }
    interaction.editReply({ content: "Click a button", components: [row] });
})

Source: stackoverflow.com

Similar codes

0 vote274 views1 answer
Minimum html document vs code shortcut
Html
0 vote272 views1 answer
LWC tags in xml salesforce
Html
0 vote288 views1 answer
Add title to navbar html
Html
10 votes302 views6 answers
Bootstrap tabs
Html
9 votes278 views5 answers
How to make image a link html
Html
3 votes304 views3 answers
How to get text from select tag in javascript
Html
0 vote292 views1 answer
Split input for otp
Html
1 vote296 views1 answer
Change color on the same string html
Html
4 votes298 views1 answer
Custom iframe
Html
14 votes263 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html