Introducing ReUI:Open-source UI components and apps built with React, Next.js and Tailwind CSS
Browse ReUI

button button does not rebound problem


<button type="button" class="btn btn-sm btn-danger">remove</button> Why use this button? It will not rebound when pressed. For demo6 vue version projects, it is also not possible to use a link to replace it.


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (15)


A 10-minute countdown timer is a simple but effective tool for staying focused and productive. It creates a sense of urgency, helping you dive into tasks without overthinking or procrastinating. Whether you’re working, studying, cleaning, or exercising, setting a 10-minute limit keeps your energy high and your mind on track. It’s also great for breaking big projects into smaller, manageable pieces, making progress feel easier and more achievable. Plus, it’s perfect for quick breaks, giving you time to recharge without losing momentum. A 10 Minute Timer helps you stay organized, efficient, and balanced — making the most of every moment.



For an enhanced streaming experience, consider services like Apple TV+ and Disney+, known for high-quality audio and video content. royal x casino



Just found the above information helpful and working ans successfully applied on anime app BiliBili Mod APK
.



Best information shared for a particular problem solution. I also want to share my streaming experience with community about Cinema app apk



The Informatioon seems helpful thanks for sharing. For a good streaming experience must try Castle Mod APK



Thanks for sharing this informational post. Recently i have discovered a plateform to watch latest korean series. doramasmp4.win



Mistakes will be reduced because of what we have experienced io games



It is my earnest hope that you will continue to provide me with content of this like because I believe your essay to be really comprehensive and engaging overall. wheel spinner



Hi,

Sorry for the late reply.

Could you please give us more context on your problem?

You can find examples of using buttons in our documentation.
https://preview.keenthemes.com/metronic8/vue/docs/base/buttons

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi,

Primary

When clicked, the button has a pressed effect, but after releasing the mouse, it still visually appears to be in the pressed state. This is my issue description.



Hi,

This is an expected behavior of button elements, we have an active state style, to remove the button's active state you can click outside of the button. If you want to change the active state style you can do it in src/assets/sass/core/components/mixins/_buttons.scss

Let me know if you need any further help on this topic or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Can you help me write a specific example? Thank you.



Hi,

If you want your button to have the default color when it is activated you can use default color variables instead of active colors as shown below.


@if ( $color != null ) {
color: $color;
}

@if ( $icon-color != null ) {
i,
.svg-icon {
color: $icon-color;
}

&.dropdown-toggle:after {
color: $icon-color;
}
}

@if ( $border-color != null ) {
border-color: $border-color;
}

@if ( $bg-color != null ) {
background-color: $bg-color;
}


Regards,
Lauris Stepanovs,
Keenthemes Support Team



OK Thank you.



Hi,

Please let us know if you need any further help on this problem or anything else.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Your Support Matters!

We will highly appreciate your Metronic Review on Themeforest.
Please go to Themeforest Downloads page, select Metronic & leave your feedback.
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(