search

Megabit / Blazorise

Blazorise is a component library built on top of Blazor with support for CSS frameworks like Bootstrap, Tailwind, Bulma, AntDesign, and Material.
https://blazorise.com/
Other
3.29k stars 533 forks source link

Animated accordions #554

Open WillianGruber opened 4 years ago

WillianGruber commented 4 years ago

This may be a long shot, but would it be possible to include an attribute that changed the accordion action from instant to animated?

stsrki commented 4 years ago

Kinda. The are two ways I can think of.

  1. Using default bootstrap implementation. The problem with this is that only bootstrap is having it. And the way it's done is through heavy use of JavaScript/jQuery. And I would really like to not use jQuery.
  2. Implement it with custom CSS transitions. But for this to work you must have height defined.

The problem is mainly that height is unknown until you have content already inside of collapse.

As as workaround I think second option is best for now as I've done in it in the past.

WillianGruber commented 4 years ago

If it is so complicated, maybe its best to leave as it is... it is more than enough

stsrki commented 4 years ago

I'll leave it open for now until I have more time to investigate.

codethug commented 3 years ago

Now that Blazorise.Animate exists, I'm wondering if it can be used to allow for animated accordions.

stsrki commented 2 years ago

@David-Moreira do you think we could animate the accordion the same way we did with the modal and carousel?