BlazorAnimation icon indicating copy to clipboard operation
BlazorAnimation copied to clipboard

Ability to change Animation Component's tag name/element

Open OrangeBurrito opened this issue 1 year ago • 0 comments

When you run your Blazor app as of now the Animation component gets turned into a div element. This is fine, but doesn't work well when it comes to adding animations to individual table rows (they get animated, but the wrapper divs break table layouts).

A config option to change the rendered component to a certain HTML element would enable code like this:

<Animation Element="tr" Effect="@Effect.FadeIn"> // rendered as a <tr> element
    <td>@data.One</td>
    <td>@data.Two</td>
</Animation>

Instead of:

<Animation Element="tr" Effect="@Effect.FadeIn"> // added div breaks table layout
    <tr>
        <td>@data.One</td>
        <td>@data.Two</td>
    </tr>
  }

OrangeBurrito avatar Dec 01 '23 09:12 OrangeBurrito