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

docs: Daisy UI Buttons with any HTML tags #3437

Closed
saent-x opened this issue Jan 30, 2025 · 3 comments
Closed

docs: Daisy UI Buttons with any HTML tags #3437

saent-x opened this issue Jan 30, 2025 · 3 comments

Comments

@saent-x
Copy link

saent-x commented Jan 30, 2025

On which page do you see this issue?

https://v5.daisyui.com/components/button/

Describe the issue

The example in the v5.0.0-beta.5 is not working as is;

...
<input type="radio" aria-label="Radio" class="btn" />
<input type="checkbox" aria-label="Checkbox" class="btn" />
<input type="reset" value="Reset" class="btn" />

the tag "" does not clear when clicked!!

It only works when used with a form, it should be added to the example;

<form style="display:contents">
     <input type="radio" aria-label="Radio" class="btn"> 
     <input type="checkbox" aria-label="Checkbox" class="btn"> <input type="reset" value="Reset" class="btn">
</form>

What browsers are you seeing the problem on?

Chrome

Copy link

Thank you @saent-x for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

@saadeghi
Copy link
Owner

The example is about how the element looks like using the btn class.

The form tag is removed from the code example intentionally to make it clear form tag is not required for the button to look the way it looks.

It's up to you where and how to use them.

Let me know if you have any questions

@saent-x
Copy link
Author

saent-x commented Jan 30, 2025

Okay, understood, I spent time trying to figure out why the reset wasn't working and figured adding the form element makes the use more understandable.

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

2 participants