Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Table Filters: Reset to defaults doesn't look like a button #9731

Open
XiuJuanXia opened this issue Feb 8, 2024 · 2 comments
Open

Table Filters: Reset to defaults doesn't look like a button #9731

XiuJuanXia opened this issue Feb 8, 2024 · 2 comments

Comments

@XiuJuanXia
Copy link

Hello, the Reset to defaults button in the Table Filters example doesn't look like a button. Is there any reason behind this?
image

@fredp613
Copy link

fredp613 commented Feb 9, 2024

Hello, the Reset to defaults button in the Table Filters example doesn't look like a button. Is there any reason behind this?

image

Because its meant to render as an anchor. You can add BTN classes to it to make it resemble a button. That said the anchor (link) aligns with general design standards for that use case (reset) but you can override easily by adding btn-.... class.

@mercury64
Copy link

Having a button to 'reset' is a bad idea for many reasons.
Users can click it accidentally if it were a button. It would stand out as an action to do something.
It also can clutter the form if reset were a button.

This is a good read about Reset and Cancel buttons: https://www.nngroup.com/articles/reset-and-cancel-buttons/

Also, this could be by design, as all of these examples are exactly that: examples.
With multiple examples of filters, each reset only resets that form.
By not being a button and being small anchor text, its more difficult to accidentally click it by mistake.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants