Button disabled

Html button disabled

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

Source: grepper.com

Button disabled

const textDisabled = text.length === 0 || text.trim().length === 0

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"}

Source: grepper.com

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

12 votes344 views1 answer
Install php windows 10
Html
9 votes325 views2 answers
Bootstrap Outline buttons
Html
0 vote323 views1 answer
React bootstrap 5 doesn't apply styles
Html
0 vote341 views2 answers
How to insert code in html
Html
-1 vote322 views3 answers
Vue if
Html
6 votes341 views6 answers
Laravel current route name
Html
4 votes334 views2 answers
Html textarea auto height to amount of text
Html
1 vote343 views1 answer
Placeholder wpf
Html
0 vote338 views2 answers
Make element be positioned behind its parent, but in front of its grandparent
Html
6 votes356 views3 answers
Bootstrap 5 horizontal rule
Html