useButtonType (HTML)
Summary
Section titled “Summary”- Rule available since:
v2.4.0 - Diagnostic Category:
lint/a11y/useButtonType - This rule is recommended, meaning it is enabled by default.
- This rule doesn’t have a fix.
- The default severity of this rule is error.
- Sources:
- Inspired from
react/button-has-type - Inspired from
react-dom/no-missing-button-type - Inspired from
@eslint-react/dom-no-missing-button-type - Same as
@html-eslint/require-button-type
- Inspired from
How to configure
Section titled “How to configure”{ "linter": { "rules": { "a11y": { "useButtonType": "error" } } }}Description
Section titled “Description”Enforces the usage and validity of the attribute type for the element button
Examples
Section titled “Examples”Invalid
Section titled “Invalid”<button>Do something</button>code-block.html:1:1 lint/a11y/useButtonType ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Provide an explicit type attribute for the button element.
> 1 │ <button>Do something</button>
│ ^^^^^^^^
2 │
ℹ The default type of a button is submit, which causes the submission of a form when placed inside a `form` element.
ℹ Allowed button types are: submit, button or reset
<button type="incorrectType">Do something</button>code-block.html:1:1 lint/a11y/useButtonType ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
✖ Provide a valid type attribute for the button element.
> 1 │ <button type="incorrectType">Do something</button>
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
2 │
ℹ The default type of a button is submit, which causes the submission of a form when placed inside a `form` element.
ℹ Allowed button types are: submit, button or reset
<button type="button">Do something</button>Related links
Section titled “Related links”Sponsored by
Copyright (c) 2023-present Biome Developers and Contributors.