no-native-button
Native <button> should use a Button component preset.
| Severity | Dimension | Files |
|---|---|---|
| Warning | Adoption of presets | .tsx .jsx |
What it flags
A line like this:
is reported as:
Native How to fix it
Import Button from your component library and apply a preset.
preset AI suggests a fix it can apply for you: Replace <button> with Button component. Use the design system Button component with a preset for consistent styling, accessibility, and behavior.
Before:
After:
Related
- All rules: every built-in rule, by dimension.
- Set up enforcement: connect an AI tool and make validation required.
Last reviewed by @jschuyler