szalapski / Sz.Blazor.Reveal

Sz.Blazor.Reveal provides a Blazor component for ultra-simple Blazor transitions when elements or components are shown/hidden or added/removed.

Sz.Blazor.Reveal

Sz.Blazor.Reveal provides a Blazor component for ultra-simple CSS transitions when elements or components are shown/hidden or added/removed.

Components

• Reveal is a drop-in replacement for an @if block in a .razor file's markup section

  Usage

  For any block-display elements that are conditionally shown in an @if block, such as:

  @if (ShowPanel){
      <div>Any HTML element</div>
      <EditForm>Any Blazor component instance</EditForm>
  }

  Simply replace the @if with the Reveal component and supply the boolean value as the When parameter.

  <Reveal When="ShowPanel">
      <div>Any HTML element</div>
      <EditForm>Any Blazor component instance</EditForm>
  </Reveal>